1
0
Fork 0

Vital CSS Framework

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

View file

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

8
package-lock.json generated
View file

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

View file

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

View file

@ -1,24 +1,28 @@
<html>
<head>
<title>Basking</title>
<link rel="stylesheet" type="text/css" href="./assets/base-min.css" />
<link rel="stylesheet" type="text/css" href="./assets/pure-min.css" />
<meta content='IE=edge' http-equiv='X-UA-Compatible' />
<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" />
</head>
<body>
<main class="pure-g">
<section class="pure-u-1-3">
Yo
</section>
<section class="pure-u-1-3">
Yo
</section>
<section class="pure-u-1-3">
Yo
</section>
</main>
<main>
<div class="autogrid">
<section class="col">
<div class="feed-card">
<img src="assets/emby.png" alt="" />
<h3><a href="/emby">Emby</a></h3>
</div>
</section>
<a href="/emby">Emby</a>
<a href="/portainer">Portainer</a>
<section class="col">
<div class="feed-card">
<h3><a href="/portainer">Portainer</a></h3>
</div>
</section>
</div>
</main>
</body>
</html>

BIN
src/assets/emby.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 999 KiB

View file

@ -1,24 +1,28 @@
<html>
<head>
<title>Basking</title>
<link rel="stylesheet" type="text/css" href="./assets/base-min.css" />
<link rel="stylesheet" type="text/css" href="./assets/pure-min.css" />
<meta content='IE=edge' http-equiv='X-UA-Compatible' />
<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" />
</head>
<body>
<main class="pure-g">
<section class="pure-u-1-3">
Yo
</section>
<section class="pure-u-1-3">
Yo
</section>
<section class="pure-u-1-3">
Yo
</section>
</main>
<main>
<div class="autogrid">
<section class="col">
<div class="feed-card">
<img src="assets/emby.png" alt="" />
<h3><a href="/emby">Emby</a></h3>
</div>
</section>
<a href="/emby">Emby</a>
<a href="/portainer">Portainer</a>
<section class="col">
<div class="feed-card">
<h3><a href="/portainer">Portainer</a></h3>
</div>
</section>
</div>
</main>
</body>
</html>