paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 84a1327b6325fc745d6948d525c6a896c021105d
parent bae1afc81c076d71bba17b082cbe8bcec587dc76
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Tue, 26 Mar 2019 23:24:57 -0400

Add CSS to roll.html page

Diffstat:
Abuild/roll.css | 44++++++++++++++++++++++++++++++++++++++++++++
Mcreatepages.sh | 2++
Mpublic/css/base.min.css | 4++--
Apublic/css/roll.min.css | 2++
Dpublic/html/.html | 38--------------------------------------
Mpublic/html/roll.html | 2+-
6 files changed, 51 insertions(+), 41 deletions(-)

diff --git a/build/roll.css b/build/roll.css @@ -0,0 +1,44 @@ +table { + float: left; + width: 15%; +} + +td { + width: 100%; + text-align: center; +} + +button { + width: 100%; + background-color: #bababa; +} + +.field { + margin-left: -10px; +} + +textarea { + display: inline-block; + margin: 1em; + float: left; + width: 100%; + background-color: #eaeaea; +} + +input { + width: 50px; +} + +#history { + display: inline-block; + position: relative; +} + +#clear-history { + position: absolute; + margin-left: 1em; + margin-bottom: 1em; + bottom: 1px; + left: 0px; + width: 100px; +} diff --git a/createpages.sh b/createpages.sh @@ -36,5 +36,7 @@ if [[ $1 == '-i' ]]; then echo "Minifying CSS..." curl --data "input=`cat build/base.css`" https://cssminifier.com/raw > \ public/css/base.min.css + curl --data "input=`cat build/roll.css`" https://cssminifier.com/raw > \ + public/css/roll.min.css fi echo "Done" diff --git a/public/css/base.min.css b/public/css/base.min.css @@ -1 +1 @@ -#header,body,pre{font-family:"Liberation Mono",monospace}#header a,#header a:visited,body{color:#ddd}#footer,#header{clear:both;text-align:center}#footer,#header,.center{text-align:center}#footer p,p.noindent{text-indent:0}body{background-color:#1c1c1c;line-height:1.5em;width:98%;margin:auto}a{text-decoration:none;font-weight:700;color:#ffffb3;background-color:transparent}a:visited{color:#b77}a:hover{color:#aaf;text-decoration:underline}p{text-indent:1em}pre{text-indent:1em;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;white-space:-pre-wrap;white-space:pre-wrap;word-wrap:break-word}ul.inline{padding:.1em 0 .5em;margin:0}#header{margin:0 auto;font-size:1.2em}#title-img{max-width:100%;max-height:100%}#content{padding:0 5%}#footer{padding:1em 0 0}#footer p{font-size:.8em;max-width:50%;margin:0 auto}#side-bar{float:right;width:25%;border:10px groove #000;margin:0 5% 5px 5px;text-align:left;background-color:#2c2c2c;box-sizing:border-box;-moz-box-sizing:border-box}#side-bar ul{font-size:1.2em}#side-bar ul ul{padding-left:10px;font-size:1em}@media all and (max-width:600px){#side-bar{float:left;width:97%;clear:both}#content{border-right:0}} -\ No newline at end of file +body{font-family:"Liberation Mono",monospace;background-color:#1c1c1c;color:#ddd;line-height:1.5em;width:98%;margin:auto}a{text-decoration:none;font-weight:700;color:#ffffb3;background-color:transparent}a:visited{color:#b77}a:hover{color:#aaf;text-decoration:underline}p{text-indent:1em}p.noindent{text-indent:0}pre{font-family:"Liberation Mono",monospace;text-indent:1em;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;white-space:-pre-wrap;white-space:pre-wrap;word-wrap:break-word}ul.inline{padding:.1em 0 .5em 0;margin:0}.center{text-align:center}#header{font-family:"Liberation Mono",monospace;text-align:center;clear:both;margin:0 auto;font-size:1.2em}#header a,#header a:visited{color:#ddd}#title-img{max-width:100%;max-height:100%}#content{padding:0 5% 0 5%}#footer{clear:both;text-align:center;padding:1em 0 0 0}#footer p{text-indent:0;font-size:.8em;max-width:50%;margin:0 auto}#side-bar{float:right;width:25%;border:10px #d8d8d8 groove;margin:0 5% 5px 5px;text-align:left;background-color:#2c2c2c;box-sizing:border-box;-moz-box-sizing:border-box}#side-bar ul{font-size:1.2em}#side-bar ul ul{padding-left:10px;font-size:1em}@media all and (max-width:600px){#side-bar{float:left;width:97%;clear:both}#content{border-right:0}} +\ No newline at end of file diff --git a/public/css/roll.min.css b/public/css/roll.min.css @@ -0,0 +1 @@ +table{float:left;width:15%}td{width:100%;text-align:center}button{width:100%;background-color:#bababa}.field{margin-left:-10px}textarea{display:inline-block;margin:1em;float:left;width:100%;background-color:#eaeaea}input{width:50px}#history{display:inline-block;position:relative}#clear-history{position:absolute;margin-left:1em;margin-bottom:1em;bottom:1px;left:0;width:100px} +\ No newline at end of file diff --git a/public/html/.html b/public/html/.html @@ -1,38 +0,0 @@ -<!DOCTYPE html> - -<html> -<head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial scale=1"> - <title>paritybit.ca</title> - <link rel="stylesheet" href="/css/base.min.css"> -</head> -<body> - <div id="header"> - <h1 id="web-title"><a href="home.html">paritybit.ca</a></h1> - </div> - <div id="side-bar"> - <ul> - <li><a href="/home.html">Home<a/></li> - <li><a href="/essays.html">Essays</a></li> - <li><a href="/toolset.html">My Toolset</a></li> - <li><a href="/projects.html">My Projects</a></li> - <li><a href="/guides.html">My Guides<a/></li> - <li><a href="/about-me.html">About Me</a></li> - <li><a href="/about-site.html">About This Site</a></li> - </ul> - </div> - - <div id="content"> -</div> -<div id="footer"> - <p id="contact-info"> - To report any technical issues with the website or to leave a suggestion, - please send an email to - <a href="mailto:webmaster@paritybit.ca">webmaster@paritybit.ca</a>. To send - feedback or to comment on an article or the content of a page, please send - an email to <a href="mailto:feedback@paritybit.ca">feedback@paritybit.ca</a>. - </p> -</div> -</body> -</html> diff --git a/public/html/roll.html b/public/html/roll.html @@ -4,7 +4,7 @@ <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial scale=1"> <title>paritybit.ca – D&D Dice Roller</title> - <link rel="stylesheet" href="/css/roll.css"> + <link rel="stylesheet" href="/css/roll.min.css"> <link rel="stylesheet" href="/css/base.min.css"> <script type="text/javascript" src=/js/math.js></script> <script type="text/javascript" src=/js/roll.js></script>