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:
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>
