gaiety/basking-dashboard
gaiety/basking-dashboard
1
0
Fork 0
Code Activity

Vital CSS Framework

Browse source
This commit is contained in:
Joe Wroten 2019-05-15 21:26:30 -05:00
parent 8e4a5d1ea3
commit 4b23b5d897
6 changed files with 45 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
copyAssets.sh
View file

@ -1,5 +1,4 @@
mkdir -p public mkdir -p public
cp src/index.html public cp src/index.html public
cp -R src/assets public cp -R src/assets public
cp node_modules/purecss/build/base-min.css public/assets cp node_modules/vital-css/dist/css/vital.min.css public/assets
cp node_modules/purecss/build/pure-min.css public/assets

8
package-lock.json generated
View file

@ -43,10 +43,10 @@
"wordwrap": "~0.0.2" "wordwrap": "~0.0.2"
} }
}, },
"purecss": { "vital-css": {
"version": "1.0.0", "version": "2.2.1",
"resolved": "https://registry.npmjs.org/purecss/-/purecss-1.0.0.tgz", "resolved": "https://registry.npmjs.org/vital-css/-/vital-css-2.2.1.tgz",
"integrity": "sha512-gfC78WCOWNnfkzulx9aoWwcl+0JflhwKeJ+k9s/ZyIawfYNA4bqBmt0DtfgtQK9iuYMtGfbdE8R2AQMjSWR2VQ==", "integrity": "sha1-I+BVkd94LM8SVfq7jrrGpkz3xc8=",
"dev": true "dev": true
}, },
"wordwrap": { "wordwrap": {

3
package.json
View file

@ -6,6 +6,7 @@
"scripts": { "scripts": {
"start": "node index.js", "start": "node index.js",
"copy:assets": "bash ./copyAssets.sh", "copy:assets": "bash ./copyAssets.sh",
"postinstall": "npm run copy:assets",
"mk:raw": "bash ./mkRaw.sh", "mk:raw": "bash ./mkRaw.sh",
"mk:data": "node mkData.js", "mk:data": "node mkData.js",
"mk:data:test": "node mkData.js --test", "mk:data:test": "node mkData.js --test",
@ -23,6 +24,6 @@
"homepage": "https://github.com/sharpshark28/basking-dashboard#readme", "homepage": "https://github.com/sharpshark28/basking-dashboard#readme",
"devDependencies": { "devDependencies": {
"node-static": "^0.7.11", "node-static": "^0.7.11",
"purecss": "^1.0.0" "vital-css": "^2.2.1"
} }
} }

32
public/index.html
View file

@ -1,24 +1,28 @@
<html> <html>
<head> <head>
<title>Basking</title> <title>Basking</title>
<link rel="stylesheet" type="text/css" href="./assets/base-min.css" /> <meta content='IE=edge' http-equiv='X-UA-Compatible' />
<link rel="stylesheet" type="text/css" href="./assets/pure-min.css" /> <meta charset='UTF-8' />
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no' name='viewport' />
<link rel="stylesheet" type="text/css" href="./assets/vital.min.css" />
<link rel="stylesheet" type="text/css" href="./assets/styles.css" /> <link rel="stylesheet" type="text/css" href="./assets/styles.css" />
</head> </head>
<body> <body>
<main class="pure-g"> <main>
<section class="pure-u-1-3"> <div class="autogrid">
Yo <section class="col">
<div class="feed-card">
<img src="assets/emby.png" alt="" />
<h3><a href="/emby">Emby</a></h3>
</div>
</section> </section>
<section class="pure-u-1-3">
Yo
</section>
<section class="pure-u-1-3">
Yo
</section>
</main>
<a href="/emby">Emby</a> <section class="col">
<a href="/portainer">Portainer</a> <div class="feed-card">
<h3><a href="/portainer">Portainer</a></h3>
</div>
</section>
</div>
</main>
</body> </body>
</html> </html>

BIN
src/assets/emby.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 999 KiB

32
src/index.html
View file

@ -1,24 +1,28 @@
<html> <html>
<head> <head>
<title>Basking</title> <title>Basking</title>
<link rel="stylesheet" type="text/css" href="./assets/base-min.css" /> <meta content='IE=edge' http-equiv='X-UA-Compatible' />
<link rel="stylesheet" type="text/css" href="./assets/pure-min.css" /> <meta charset='UTF-8' />
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no' name='viewport' />
<link rel="stylesheet" type="text/css" href="./assets/vital.min.css" />
<link rel="stylesheet" type="text/css" href="./assets/styles.css" /> <link rel="stylesheet" type="text/css" href="./assets/styles.css" />
</head> </head>
<body> <body>
<main class="pure-g"> <main>
<section class="pure-u-1-3"> <div class="autogrid">
Yo <section class="col">
<div class="feed-card">
<img src="assets/emby.png" alt="" />
<h3><a href="/emby">Emby</a></h3>
</div>
</section> </section>
<section class="pure-u-1-3">
Yo
</section>
<section class="pure-u-1-3">
Yo
</section>
</main>
<a href="/emby">Emby</a> <section class="col">
<a href="/portainer">Portainer</a> <div class="feed-card">
<h3><a href="/portainer">Portainer</a></h3>
</div>
</section>
</div>
</main>
</body> </body>
</html> </html>