forked from learn-pwa/learn-pwa.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
169 lines (135 loc) · 6.51 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Learn PWAs</title>
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="assets/built/screen.css">
<meta name="description" content="Articles to help you learn all about Progressive Web Applications and how they are used today">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="canonical" href="https://learn-pwa.github.io/">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta property="og:site_name" content="Learn PWAs">
<meta property="og:type" content="website">
<meta property="og:title" content="Learn PWAs">
<meta property="og:description" content="Articles to help you learn all about Progressive Web Applications and how they are used today">
<meta property="og:url" content="https://learn-pwa.github.io/">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Learn PWAs">
<meta name="twitter:description" content="Articles to help you learn all about Progressive Web Applications and how they are used today">
<meta name="twitter:url" content="https://learn-pwa.github.io/">
<meta name="twitter:site" content="@viclotana">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"publisher": {
"@type": "Organization",
"name": "Learn PWAs",
"logo": {
"@type": "ImageObject",
"url": "https://learn-pwa.github.io/favicon.ico",
"width": 60,
"height": 60
}
},
"url": "https://learn-pwa.github.io/",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://learn-pwa.github.io/"
},
"description": "Articles to help you learn all about Progressive Web Applications and how they are used today"
}
</script>
<script src="public/ghost-sdk.js"></script>
<script>
ghost.init({
clientId: "ghost-frontend",
clientSecret: "cdf9caee2fa0"
});
</script>
<meta name="generator" content="Ghost 1.24">
<link rel="alternate" type="application/rss+xml" title="Learn PWAs" href="https://learn-pwa.github.io/rss/">
</head>
<body class="home-template">
<div class="site-wrapper">
<header class="site-header outer no-cover">
<div class="inner">
<div class="site-header-content">
<h1 class="site-title">
Learn PWAs
</h1>
<h2 class="site-description"> Articles to help you learn all about Progressive Web Applications and how they are used today</h2>
</div>
<nav class="site-nav">
<div class="site-nav-left">
<ul class="nav" role="menu">
<li class="nav-home nav-current" role="menuitem"><a href="">Home</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
<a class="social-link social-link-tw" href="https://twitter.com/viclotana" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"/></svg>
</a>
</div>
</div>
</nav>
</div>
</header>
<main id="site-main" class="site-main outer">
<div class="inner">
<div class="post-feed">
<article class="post-card post tag-pwa tag-progressive-web-apps">
<a class="post-card-image-link" href="welcome/">
<div class="post-card-image" style="background-image: url(content/images/2018/07/PWA-1.png)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="welcome/">
<header class="post-card-header">
<span class="post-card-tags">pwa</span>
<h2 class="post-card-title">Welcome</h2>
</header>
<section class="post-card-excerpt">
<p>Hello there! This is a warm welcome to my Progressive Web Apps Blog. Here I would take you through a Journey of understanding the basics of PWAs and even build some while at</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Nwose Lotanna
</div>
<a href="author/lotanna/" class="static-avatar"><img class="author-profile-image" src="content/images/2018/07/IMG_0864.PNG" alt="Nwose Lotanna"></a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
</div>
</div>
</main>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="">Learn PWAs</a> © 2018</section>
<nav class="site-footer-nav">
<a href="">Latest Posts</a>
<a href="https://twitter.com/viclotana" target="_blank" rel="noopener">Twitter</a>
</nav>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous">
</script>
<script type="text/javascript" src="assets/js/jquery.fitvids.js"></script>
<script>
// maxPages is a global variable that is needed to determine
// if we need to load more pages for the infinitescroll, or if
// we reached the last page already.
var maxPages = parseInt('1');
</script>
<script src="assets/js/infinitescroll.js"></script>
</body>
</html>