deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-05-23 08:02:19 +02:00
Code Issues Projects Releases Wiki Activity

Merge pull request #18 from TotomInc/seo

Browse source 
Added SEO tags and a summary
This commit is contained in:
Rhyne 2017-11-04 09:59:31 -04:00 committed by GitHub
parent 71ab4ff884 e6b1629a50
commit 025edea088
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 5018 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
demo.css
View file

@ -10,4 +10,7 @@ body {
.docs {
margin-top: 2rem;
margin-bottom: 2rem;
}
.summary a {
color: #41403e;
}

71
index.html
View file

@ -2,27 +2,65 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PaperCSS · the less formal CSS framework</title>
<meta name="description" content="The less formal CSS framework.">
<meta name="author" content="Rhyneav and PaperCSS contributors.">
<!-- Twitter -->
<meta name="twitter:description" content="The less formal CSS framework">
<meta name="twitter:title" content="PaperCSS">
<!-- OpenGraph -->
<meta property="og:url" content="https://www.getpapercss.com/">
<meta property="og:title" content="PaperCSS">
<meta property="og:description" content="The less formal CSS framework">
<!-- Styles -->
<link rel="stylesheet" href="/dist/paper.css">
<link rel="stylesheet" href="/demo.css">
</head>
<body>
<div class="container paper">
<div class="demo-title">
<div class="row flex-center">
<div class="text-center">
<h1>PaperCSS</h1>
<h3>the less formal css framework</h3>
<h3>the less formal CSS framework</h3>
</div>
</div>
<div class="row flex-center child-borders">
<a href="#download" class="paper-btn margin">Download</a>
<a href="#flexbox" class="paper-btn margin">Docs</a>
<a href="#about" class="paper-btn margin">About</a>
<a href="https://github.com/rhyneav/papercss" class="paper-btn margin">Github</a>
<a href="https://github.com/rhyneav/papercss" target="_blank" class="paper-btn margin">Github</a>
</div>
<h3>Summary:</h3>
<ul class="summary">
<li><a href="#flexbox">Flexbox</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#buttons">Buttons</a></li>
<li><a href="#forms">Forms</a></li>
<li><a href="#lists">Lists</a></li>
<li><a href="#code">Code</a></li>
<li><a href="#tables">Tables</a></li>
<li><a href="#popovers">Popovers</a></li>
<li><a href="#colors">Colors</a></li>
<li><a href="#borders">Borders & shadows</a></li>
<li><a href="#utilities">Utilities</a></li>
<li><a href="#images">Images</a></li>
<li><a href="#alerts">Alerts</a></li>
</ul>
</div>
<div id="flexbox" class="section">
<h2>Flexbox</h2>
<h4>Flexgrid</h4>
@ -165,7 +203,7 @@
</pre>
</div>
</div>
<div class="section">
<div id="typography" class="section">
<h2>Typography</h2>
<p>How pretty is the text?</p>
<h1>Heading 1</h1>
@ -190,7 +228,7 @@
&lt;p&gt;Lorem ipsum dolor....&lt;/p&gt;</pre>
</div>
</div>
<div class="section">
<div id="buttons" class="section">
<h2>Buttons</h2>
<p>Insprired by <a href="https://codepen.io/tmrDevelops/pen/VeRvKX" target="_blank">Imprefect Buttons</a></p>
<button class="btn-large">Large</button>
@ -216,7 +254,7 @@
&lt;/div&gt;</pre>
</div>
</div>
<div class="section">
<div id="forms" class="section">
<h2>Forms</h2>
<div class="form-group">
<label>Input</label>
@ -311,7 +349,7 @@
</pre>
</div>
</div>
<div class="section">
<div id="lists" class="section">
<h2>Lists</h2>
<h4>Ordered Lists</h4>
<ol>
@ -387,7 +425,7 @@
&lt;!-- Replace ol with ul for unordered lists. Go up to 5 levels deep! --&gt;</pre>
</div>
</div>
<div class="section">
<div id="code" class="section">
<h2>Code</h2>
<p>Let's make some pretty <code>&lt;code&gt;</code></p>
<p>Print files backwards using <kbd>tac</kbd></p>
@ -408,7 +446,7 @@ function add(x, y) {
&lt;/pre&gt;</pre>
</div>
</div>
<div class="section">
<div id="tables" class="section">
<h2>Tables</h2>
<h4>Regular</h4>
<table>
@ -541,7 +579,7 @@ function add(x, y) {
&lt;table class=&quot;table-alternating&quot;&gt;</pre>
</div>
</div>
<div class="section">
<div id="popovers" class="section">
<h2>Popovers</h2>
<h4>Basic usage</h4>
<p>You can add popovers, also called tooltips, on your elements. popover attribute is the popover text content, popover-position attribute can be: top, left, right, bottom.</p>
@ -582,7 +620,8 @@ function add(x, y) {
&lt;button popover="Popover on top" popover-position="top"&gt;Popover on top and on a button!&lt;/button&gt;</pre>
</div>
</div>
<div id="colors" class="section">
<div class="section">
<h2>Cards</h2>
<h4>Full card example</h4>
@ -719,7 +758,7 @@ function add(x, y) {
</div>
</div>
<div class="section">
<div id="colors" class="section">
<h2>Colors</h2>
<h4>Text</h4>
<p class="text-primary">Text primary</p>
@ -756,7 +795,7 @@ function add(x, y) {
&lt;/div&gt;</pre>
</div>
</div>
<div class="section">
<div id="borders" class="section">
<h2>Borders &amp; Shadows</h2>
<h4>Borders</h4>
<div class="row flex-spaces">
@ -894,7 +933,7 @@ function add(x, y) {
&lt;/div&gt;</pre>
</div>
</div>
<div class="section">
<div id="utilities" class="section">
<h2>Utilities</h2>
<h4>Margin</h4>
<div class="row flex-spaces child-borders">
@ -925,7 +964,7 @@ function add(x, y) {
&lt;/div&gt;</pre>
</div>
</div>
<div class="section">
<div id="images" class="section">
<h2>Images</h2>
<h4>Responsive</h4>
<p>Images by default are responsive</p>
@ -960,7 +999,7 @@ function add(x, y) {
&lt;img src="https://unsplash.it/300" class="no-responsive no-border"&gt;</pre>
</div>
</div>
<div class="section">
<div id="alerts" class="section">
<h2>Alerts</h2>
<div class="row flex-spaces">
<div class="alert alert-primary">
@ -1020,4 +1059,4 @@ function add(x, y) {
</div>
</body>
</html>
</html>

83
package-lock.json generated
View file

@ -515,6 +515,15 @@
"readdirp": "2.1.0"
}
},
"clean-css": {
"version": "4.1.9",
"resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.1.9.tgz",
"integrity": "sha1-Nc7ornaHpJuYA09w3gDE7dOCYwE=",
"dev": true,
"requires": {
"source-map": "0.5.7"
}
},
"cliui": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz",
@ -1911,6 +1920,18 @@
"stream-array": "0.1.3"
}
},
"gulp-clean-css": {
"version": "3.9.0",
"resolved": "https://registry.npmjs.org/gulp-clean-css/-/gulp-clean-css-3.9.0.tgz",
"integrity": "sha512-CsqaSO2ZTMQI/WwbWloZWBudhsRMKgxBthzxt4bbcbWrjOY4pRFziyK9IH6YbTpaWAPKEwWpopPkpiAEoDofxw==",
"dev": true,
"requires": {
"clean-css": "4.1.9",
"gulp-util": "3.0.8",
"through2": "2.0.3",
"vinyl-sourcemaps-apply": "0.2.1"
}
},
"gulp-connect": {
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/gulp-connect/-/gulp-connect-5.0.0.tgz",
@ -1956,6 +1977,12 @@
"through2": "2.0.3"
}
},
"gulp-rename": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/gulp-rename/-/gulp-rename-1.2.2.tgz",
"integrity": "sha1-OtRCh2PwXidk3sHGfYaNsnVoeBc=",
"dev": true
},
"gulp-util": {
"version": "3.0.8",
"resolved": "https://registry.npmjs.org/gulp-util/-/gulp-util-3.0.8.tgz",
@ -3402,6 +3429,7 @@
"integrity": "sha512-ZJsOWVJ25E2C5Qedf4w9ePIv5hrPCdDIsHhq89tRxSJCqyIfDAMh0KoU9xeTu7yHT9ZrxPF7mopq1TCWxtMfkw==",
"dev": true,
"requires": {
"JSONStream": "1.3.1",
"abbrev": "1.1.0",
"ansi-regex": "3.0.0",
"ansicolors": "0.3.2",
@ -3433,7 +3461,6 @@
"inherits": "2.0.3",
"ini": "1.3.4",
"init-package-json": "1.10.1",
"JSONStream": "1.3.1",
"lazy-property": "1.0.0",
"libnpx": "9.2.0",
"lockfile": "1.0.3",
@ -3501,6 +3528,27 @@
"write-file-atomic": "2.1.0"
},
"dependencies": {
"JSONStream": {
"version": "1.3.1",
"bundled": true,
"dev": true,
"requires": {
"jsonparse": "1.3.1",
"through": "2.3.8"
},
"dependencies": {
"jsonparse": {
"version": "1.3.1",
"bundled": true,
"dev": true
},
"through": {
"version": "2.3.8",
"bundled": true,
"dev": true
}
}
},
"abbrev": {
"version": "1.1.0",
"bundled": true,
@ -3912,27 +3960,6 @@
}
}
},
"JSONStream": {
"version": "1.3.1",
"bundled": true,
"dev": true,
"requires": {
"jsonparse": "1.3.1",
"through": "2.3.8"
},
"dependencies": {
"jsonparse": {
"version": "1.3.1",
"bundled": true,
"dev": true
},
"through": {
"version": "2.3.8",
"bundled": true,
"dev": true
}
}
},
"lazy-property": {
"version": "1.0.0",
"bundled": true,
@ -7934,12 +7961,6 @@
"integrity": "sha1-wMRFXlTOWhecqHNuczNLTn/WdVM=",
"dev": true
},
"string_decoder": {
"version": "0.10.31",
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
"integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
"dev": true
},
"string-width": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
@ -7951,6 +7972,12 @@
"strip-ansi": "3.0.1"
}
},
"string_decoder": {
"version": "0.10.31",
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
"integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
"dev": true
},
"stringstream": {
"version": "0.0.5",
"resolved": "https://registry.npmjs.org/stringstream/-/stringstream-0.0.5.tgz",

4905
yarn.lock Normal file
View file

File diff suppressed because it is too large Load diff