Skip to content

Commit 3e97729

Browse files
committed
Added smart app banner
1 parent 0674fff commit 3e97729

File tree

7 files changed

+120
-8
lines changed

7 files changed

+120
-8
lines changed

Gemfile

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
# frozen_string_literal: true
2+
3+
source "https://rubygems.org"
4+
gemspec

Gemfile.lock

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
PATH
2+
remote: .
3+
specs:
4+
mobile-app-landing-page (0.1.0)
5+
jekyll (~> 3.8)
6+
7+
GEM
8+
remote: https://rubygems.org/
9+
specs:
10+
addressable (2.5.2)
11+
public_suffix (>= 2.0.2, < 4.0)
12+
colorator (1.1.0)
13+
concurrent-ruby (1.1.4)
14+
em-websocket (0.5.1)
15+
eventmachine (>= 0.12.9)
16+
http_parser.rb (~> 0.6.0)
17+
eventmachine (1.2.7)
18+
ffi (1.9.25)
19+
forwardable-extended (2.6.0)
20+
http_parser.rb (0.6.0)
21+
i18n (0.9.5)
22+
concurrent-ruby (~> 1.0)
23+
jekyll (3.8.5)
24+
addressable (~> 2.4)
25+
colorator (~> 1.0)
26+
em-websocket (~> 0.5)
27+
i18n (~> 0.7)
28+
jekyll-sass-converter (~> 1.0)
29+
jekyll-watch (~> 2.0)
30+
kramdown (~> 1.14)
31+
liquid (~> 4.0)
32+
mercenary (~> 0.3.3)
33+
pathutil (~> 0.9)
34+
rouge (>= 1.7, < 4)
35+
safe_yaml (~> 1.0)
36+
jekyll-sass-converter (1.5.2)
37+
sass (~> 3.4)
38+
jekyll-watch (2.1.2)
39+
listen (~> 3.0)
40+
kramdown (1.17.0)
41+
liquid (4.0.1)
42+
listen (3.1.5)
43+
rb-fsevent (~> 0.9, >= 0.9.4)
44+
rb-inotify (~> 0.9, >= 0.9.7)
45+
ruby_dep (~> 1.2)
46+
mercenary (0.3.6)
47+
pathutil (0.16.2)
48+
forwardable-extended (~> 2.6)
49+
public_suffix (3.0.3)
50+
rake (12.3.0)
51+
rb-fsevent (0.10.3)
52+
rb-inotify (0.10.0)
53+
ffi (~> 1.0)
54+
rouge (3.3.0)
55+
ruby_dep (1.5.0)
56+
safe_yaml (1.0.4)
57+
sass (3.7.2)
58+
sass-listen (~> 4.0.0)
59+
sass-listen (4.0.0)
60+
rb-fsevent (~> 0.9, >= 0.9.4)
61+
rb-inotify (~> 0.9, >= 0.9.7)
62+
63+
PLATFORMS
64+
ruby
65+
66+
DEPENDENCIES
67+
bundler (~> 1.16)
68+
mobile-app-landing-page!
69+
rake (~> 12.0)
70+
71+
BUNDLED WITH
72+
1.17.2

_config.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ playstore_link :
88

99
app_name : # Automatically populates if not set and if iOS app ID is set. Otherwise enter manually.
1010
app_price : # Automatically populates if not set and if iOS app ID is set. Otherwise enter manually.
11-
11+
smart_app_banner : true # Set to true to show a smart app banner at top of page on mobile devices.
1212
app_description : Wherever some that and kiwi that well
1313
dolphin alas this the mindfully jeepers
1414
one aside canny one preparatory up less therefore
@@ -50,7 +50,7 @@ features :
5050

5151
- title : # New Feature Title
5252
description : # New Feature Description
53-
fontawesome_icon_name : # Enter Font Awesome icon name. Find icons on fontawesome.com/icons.
53+
fontawesome_icon_name : # Enter Font Awesome icon name (e.g. star). Find icons on fontawesome.com/icons.
5454

5555
# Theme Settings
5656
accent_color : "#1d63ea"

_includes/appstoreimages.html

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,25 +19,27 @@
1919
// $(".iphoneScreen").attr("src", appInfo.screenshotUrls[0]); Uncommented since Apple does not provide iPhone X/XS/XR screenshots in their iTunes lookup API.
2020

2121
// Set large app icon using the iOS app ID if it is not set manually in _config.yml
22-
var $appIconLarge = $('.appIconLarge');
22+
var $appIconLarge = $(".appIconLarge");
2323
if (!$appIconLarge.attr('src')) {
2424
$($appIconLarge).attr("src", appInfo.artworkUrl512);
2525
}
2626

2727
// Set header app icon using the iOS app ID if it is not set manually in _config.yml
28-
var $appIconHeader = $('.headerIcon');
28+
var $appIconHeader = $(".headerIcon");
2929
if (!$appIconHeader.attr('src')) {
3030
$($appIconHeader).attr("src", appInfo.artworkUrl512);
3131
}
3232

3333
// Set app name using the iOS app ID if it is not set manually in _config.yml
34-
var $appName = $('.appName');
34+
var $appName = $(".appName");
35+
var $headerName = $(".headerName");
3536
if ($.trim($($appName).text()).length == 0) {
3637
$($appName).html(appInfo.trackName);
38+
$($headerName).html(appInfo.trackName);
3739
}
3840

3941
// Set price using the iOS app ID if it is not set manually in _config.yml
40-
var $appPrice = $('.appPrice');
42+
var $appPrice = $(".appPrice");
4143
if ($.trim($($appPrice).text()).length == 0) {
4244
$($appPrice).html(appInfo.formattedPrice);
4345
}

_includes/features.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22

33
{% for feature in site.features %}
44

5+
{% if feature.title %}
56
<div class="feature">
67
<div>
78
<span class="fa-stack fa-1x">
@@ -18,6 +19,7 @@ <h3>
1819
</p>
1920
</div>
2021
</div>
22+
{% endif %}
2123

2224
{% endfor %}
2325

_includes/head.html

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,24 @@
22
<meta charset="utf-8">
33
<meta http-equiv="x-ua-compatible" content="ie=edge">
44
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<base target="_blank">
56

6-
<title>TITLE</title>
7+
<title>{{ site.app_name }}</title>
8+
<title>{% if site.title %}{{ site.title }}{% else %}{{ site.app.name }}{% endif %}</title>
9+
<meta name="description" content="{{ site.description }}">
10+
11+
<!-- Favicon -->
12+
{% if site.app.favicon %}
13+
<link rel="shortcut icon" href="{{ site.app_icon }}">
14+
{% endif %}
15+
<link rel="apple-touch-icon-precomposed" href="apple-icon-precomposed.png">
16+
17+
<!-- Smart App Banner -->
18+
{% if site_enable_smart_app_banner %}
19+
<meta name="apple-itunes-app" content="app-id={{ site.app_ios_id }}">
20+
{% endif %}
721

822
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
923
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
1024
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
11-
1225
</head>

mobile-app-landing-page.gemspec

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
# frozen_string_literal: true
2+
3+
Gem::Specification.new do |spec|
4+
spec.name = "mobile-app-landing-page"
5+
spec.version = "0.1.0"
6+
spec.authors = ["Emil Baehr"]
7+
spec.email = ["[email protected]"]
8+
9+
spec.summary = "Digital Product Design"
10+
spec.homepage = "https://emilbaehr.com"
11+
spec.license = "MIT"
12+
13+
spec.files = `git ls-files -z`.split("\x0").select { |f| f.match(%r!^(assets|_layouts|_includes|_sass|LICENSE|README)!i) }
14+
15+
spec.add_runtime_dependency "jekyll", "~> 3.8"
16+
17+
spec.add_development_dependency "bundler", "~> 1.16"
18+
spec.add_development_dependency "rake", "~> 12.0"
19+
end

0 commit comments

Comments
 (0)