-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
154 lines (149 loc) · 11.3 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Your page title here :)</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/snippet.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png">
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row padding-large">
<div class="twelve columns">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1000 530" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
<style type="text/css">
.st0{fill:var(--primary);}
</style>
<g>
<path class="st0" d="M651,764.6h-98.3l-184,192.2c-7.8,8.1-18.4,12.5-29.2,12.5c-5.1,0-10.2-1-15.1-2.9
c-15.3-6.2-25.4-21-25.4-37.6V760.6c-164.9-26-289-178-289-362.9c0-202.4,152.1-367,339-367h302c186.9,0,339,164.6,339,366.9
C990,600,837.9,764.6,651,764.6z M651,111.8H349C206.7,111.8,91,240,91,397.7c0,155.4,109.7,280.9,249.8,285.7
c21.8,0.7,39.1,18.6,39.1,40.5V828l126.2-131.8c7.7-8,18.2-12.5,29.2-12.5H651c142.2,0,257.9-128.3,257.9-285.9
C909,240,793.3,111.8,651,111.8z M735.1,581.3c-8.2,0-15.4-3-21.6-9c-6.1-6-9.2-14.5-9.2-25.3c0-9.5,2.9-17.5,8.8-24.1
c5.9-6.6,13.1-10,21.6-10s15.8,3.3,21.8,10c6,6.6,9,14.7,9,24.1c0,10.7-3,19.1-9.1,25.2C750.3,578.3,743.2,581.3,735.1,581.3z
M755.4,431.2c-1,13.4-3,23.7-6.1,30.9c-3.1,7.2-8.2,10.7-15.4,10.7c-7.3,0-12.4-3.4-15.2-10.4c-2.8-6.9-4.9-17.5-6.1-31.7
l-6.5-109.6c-1.2-21.4-1.8-36.7-1.8-46c0-12.6,2.9-22.5,8.8-29.6c5.9-7.1,13.6-10.6,23.2-10.6c11.6,0,19.4,4.5,23.3,13.6
c3.9,9.1,5.9,22.1,5.9,39.3c0,10-0.5,20.3-1.4,30.6L755.4,431.2z M591.7,581.8c-9,0-16.3-3.3-21.9-10c-5.6-6.6-8.5-16.1-8.5-28.4
V363.1c0-12.5,2.9-21.9,8.5-28.2c5.6-6.3,12.9-9.4,21.9-9.4s16.4,3.1,22.2,9.4c5.9,6.3,8.8,15.1,8.8,26.3v182.3
c0,12.6-2.9,22.1-8.8,28.6C608.1,578.6,600.7,581.8,591.7,581.8z M592.4,296.1c-8.5,0-15.8-2.7-21.9-8.1c-6.1-5.3-9.1-13-9.1-22.8
c0-8.9,3.1-16.2,9.3-22.1c6.2-5.8,13.4-8.6,21.7-8.6c7.9,0,15,2.6,21.1,7.9c6.1,5.2,9.2,12.9,9.2,22.8c0,9.7-3,17.3-9,22.8
C607.8,293.4,600.6,296.1,592.4,296.1z M470.5,581.8c-9.7,0-17.5-3.5-23.3-10.4c-5.8-7-8.7-17.3-8.7-31l0.2-122H295.9v122.5
c0,13.9,0.2,23.8-5.9,30.7s-13.9,10.3-23.5,10.3c-9.7,0-17.5-3.5-23.3-10.4c-5.8-7-8.7-17.3-8.7-31V276.1c0-13.7,2.9-24,8.6-30.9
c5.7-6.9,13.5-10.3,23.4-10.3c9.7,0,17.6,3.4,23.6,10.2s5.8,16.5,5.8,30.4v102.1h142.9l-0.2-101.5c0-13.7,3-24,8.8-30.9
c5.9-6.9,13.6-10.3,23.2-10.3c9.7,0,17.6,3.4,23.6,10.2s5.9,16.5,5.9,30.4v265.4c0,13.9,0.1,23.8-6,30.7
C487.9,578.4,480.1,581.8,470.5,581.8z"/>
</g>
</svg>
<h1 class="u-center">Welcome to Snippet</h1>
<p class="u-center">Snippet is a free modern CSS boilerplate for your next project. It supports printing, dark-mode, and CSS variables. It'll work with people on Safari and Chrome. It's incredibly lightweight, and based on the very well made but lacking modern features boilerplate: <a href="http://www.getskeleton.com">Skeleton</a>. Just like Skeleton, Snippet is open-source.</p>
<h2 class="u-center">Install</h2>
<h3 class="u-center">Try with Composer</h3>
<pre class="u-center">
<code>composer require snippet</code>
</pre>
<h3 class="u-center">Or NPM</h3>
<pre class="u-center">
<code>npm install snippet</code>
</pre>
<ol class="u-center">
<li>Unordered lists have basic styles</li>
<li>
They use the circle list style
<ul>
<li>Nested lists styled to feel right</li>
<li>Can nest either type of list into the other</li>
</ul>
</li>
<li>Just more list items mama san</li>
</ol>
<h2 class="u-center">Contribute</h2>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 160 757.7 120" xml:space="preserve">
<style type="text/css">
.st12{clip-path:url(#SVGID_5_);fill:var(--primary);}
</style>
<g>
<path class="st12" d="M381.1,267.5c-20.2-10.8-32.6-25-43.3-40.2c-9.5-13.3-11.4-28.8-1.9-43.3c9.2-14.6,22.5-12.7,36.1-6.6
c6.3,2.8,12.3,1.3,18.3-1.3c10.8-4.7,21.2-5.1,29.7,4.4c10.1,11.4,10.8,24.7,5.1,38C416.2,239,398.2,251.6,381.1,267.5"/>
</g>
</svg>
<p class="u-center">
It's just waiting for you to add some content! If you need some help hit up theThis index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up theThis index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up theThis index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content!<br/><br/> If you need some help hit up theThis index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up theThis index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up theThis index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up theThis index.html page is <br/><br/>a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up theThis index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up theThis index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If<br/><br/> you need some help hit up theThis index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up theThis index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! <br/><br/>If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
<a class="button button-primary u-center u-limit-max-width" href="https://github.com/dhg/Skeleton/releases/download/2.0.4/Skeleton-2.0.4.zip" onClick="_gaq.push(['_trackEvent', 'skeleton', 'download'])">Download</a>
<pre class="u-center">
<code>#Test
$meta_tags_array = fetch(/api/websites/{yourDomain.com}?page={yourPagePath}/meta); /api/websites/yourDomain.com?page=yourPagePath/meta
</code>
</pre>
<!-- CODE EXAMPLE ———————————————————————————————————————— -->
<div class="card">
<div class="card-header bg-secondary">
<img class="example-screenshot" src="images/heartweb.svg">
<div class="header-text">Basic Page</div>
</div>
<div class="card-content">
<p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
</div>
<div class="card-footer">
<a class="button button-primary" href="https://github.com/dhg/Skeleton/releases/download/2.0.4/Skeleton-2.0.4.zip" onClick="_gaq.push(['_trackEvent', 'skeleton', 'download'])">Download</a>
</div>
</div>
</div>
</div>
<div class="row padding-massive bg-secondary">
<div class="one-half column">
<h2>Basic Page</h2>
<p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
<a class="button button-primary" href="https://github.com/dhg/Skeleton/releases/download/2.0.4/Skeleton-2.0.4.zip" onClick="_gaq.push(['_trackEvent', 'skeleton', 'download'])">Download</a>
</div>
<div class="one-half column">
<div class="card">
<div class="card-header">
<h2 class="header-text">Did you know?</h2>
</div>
<div class="card-content">
<p>Snippet is automatically set up so your text never exceeds maximum reading length.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="one-half column">
<h2>Basic Page</h2>
<p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
<a class="button button-primary" href="https://github.com/dhg/Skeleton/releases/download/2.0.4/Skeleton-2.0.4.zip" onClick="_gaq.push(['_trackEvent', 'skeleton', 'download'])">Download</a>
</div>
<div class="one-half column">
<h2>Basic Page</h2>
<p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
<a class="button button-primary" href="https://github.com/dhg/Skeleton/releases/download/2.0.4/Skeleton-2.0.4.zip" onClick="_gaq.push(['_trackEvent', 'skeleton', 'download'])">Download</a>
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script>
<script>
hljs.initHighlightingOnLoad();
</script>
</html>