Vital CSS Framework
This commit is contained in:
parent
8e4a5d1ea3
commit
4b23b5d897
6 changed files with 45 additions and 37 deletions
|
@ -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
8
package-lock.json
generated
|
@ -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": {
|
||||
|
|
|
@ -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"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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
BIN
src/assets/emby.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 999 KiB |
|
@ -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>
|
||||
|
|
Loading…
Add table
Reference in a new issue