Skip to content

Commit bd1b24c

Browse files
committed
Added five different devices to choose from in config.yml
1 parent 72c7df0 commit bd1b24c

File tree

9 files changed

+16
-7
lines changed

9 files changed

+16
-7
lines changed

_config.yml

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# Mobile App Landing Page Configuration
22

33
# App Info
4-
ios_app_id : 718043190 # Enter iOS app ID to automatically populate name, price and icons (e.g. 718043190).
4+
ios_app_id : 618783545 # Enter iOS app ID to automatically populate name, price and icons (e.g. 718043190).
55

66
appstore_link : # Automatically populates if not set and if iOS app ID is set. Otherwise enter manually.
77
playstore_link : # Enter Google Play Store URL.
@@ -20,10 +20,11 @@ your_link : https://emilbaehr.com
2020
your_city : Copenhagen # Tell people where you're from.
2121

2222
# Icon, screenshot and header image
23-
app_icon : # ../assets/appicon-1024px.png # Automatically populates if not set and if iOS app ID is set. Otherwise enter manually.
23+
app_icon : # ../assets/appicon-1024px.png # Automatically populates if not set and if iOS app ID is set. Otherwise enter path to icon file manually.
2424
app_video : # ../assets/video.mp4 # Uncomment and replace with path to app preview video. Optimal resolutions: 1242x2688 or 1125x2436.
2525
app_screenshot : ../assets/screenshot.png # Replace with alternateive image path. Does not automatically populate since Apple does not provide iPhone X/XS/XR screenshots in their iTunes lookup API.
2626
header_image : ../assets/headerimage.png # Replace with alternative image path.
27+
device_color : black # Set to blue, black, yellow, coral or white
2728

2829
# Social Links # Enter usernames and email address. If set, they will be presented as links in the footer.
2930
facebook_username :
@@ -48,6 +49,10 @@ features :
4849
description : Adjust colors, backgrounds and typography
4950
fontawesome_icon_name : adjust
5051

52+
- title : Five device colors
53+
description : Choose between five different device colors to match your app's interface
54+
fontawesome_icon_name : mobile
55+
5156
- title : # New Feature Title
5257
description : # New Feature Description
5358
fontawesome_icon_name : # Enter Font Awesome icon name (e.g. star). Find icons on fontawesome.com/icons.

_sass/layout.scss

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
url($header-image);
1010

1111
background-repeat: no-repeat;
12-
background-size: auto 200%;
13-
background-position: bottom;
12+
background-size: 100% auto;
13+
background-position: top;
1414
border-radius: 0px 0px 40px 40px;
1515
}
1616

@@ -107,6 +107,7 @@ nav > ul li a:active {
107107
}
108108

109109
.appIconShadow {
110+
display: flex;
110111
filter: $drop-shadow;
111112
}
112113

@@ -148,6 +149,8 @@ nav > ul li a:active {
148149
}
149150

150151
.downloadButtonsContainer {
152+
display: flex;
153+
151154
margin-top: 42px;
152155
filter: $drop-shadow;
153156
}
@@ -158,7 +161,7 @@ nav > ul li a:active {
158161

159162
.iphonePreview {
160163
grid-area: p;
161-
background-image: url(/assets/Blue.png);
164+
background-image: url($device-color);
162165
background-repeat: no-repeat;
163166
margin-top: 68px;
164167
}
@@ -192,7 +195,7 @@ nav > ul li a:active {
192195
display: flex;
193196
flex: 0 1 auto;
194197
align-content: flex-start;
195-
justify-content: center;
198+
justify-content: flex-start;
196199
flex-grow: 1;
197200
flex-wrap: wrap;
198201
}

assets/Screenshot.png

-421 KB
Loading

assets/black.png

23.8 KB
Loading

assets/coral.png

29.4 KB
Loading

assets/headerimage.png

3.48 MB
Loading

assets/white.png

23.2 KB
Loading

assets/yellow.png

30 KB
Loading

css/main.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22
# Front matter comment to ensure Jekyll properly reads file.
33
---
44

5-
$header-image: '{{ site.header_image }}';
5+
$header-image: "{{ site.header_image }}";
6+
$device-color: "../assets/{{ site.device_color }}.png";
67
$primary-text-color: {{ site.primary_text_color }};
78
$secondary-text-color: {{ site.secondary_text_color }};
89

0 commit comments

Comments
 (0)