From: Ben Beltran Date: Mon, 2 Jul 2018 20:51:26 +0000 (-0500) Subject: re-style to use times X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/commitdiff_plain/967d51a0f4bac032efa854f6bc116ff6c421045c?hp=d95867614fba963a22ae1dda1aa45dfe92ea6886 re-style to use times --- diff --git a/jekyll/_layouts/default.html b/jekyll/_layouts/default.html index c411f9a..e4dd10c 100644 --- a/jekyll/_layouts/default.html +++ b/jekyll/_layouts/default.html @@ -6,7 +6,6 @@ - Unlimited 🍕 {{ page.title }} @@ -53,9 +52,9 @@ -
- -
+

+ +

{{ content }} diff --git a/jekyll/css/application.css b/jekyll/css/application.css index ce03fd5..f5cee80 100644 --- a/jekyll/css/application.css +++ b/jekyll/css/application.css @@ -1,17 +1,18 @@ body { - background-color: #fff; - font-family: 'VT323', monospace; + background-color: white; + font-family: times, 'Times New Roman', serif; + font-smooth: never; + -webkit-font-smoothing: none; } -a.logo { - display: block; - margin: 20px; - background-size: 100% 100%; - height: 80px; - width: 720px; - background-image: url(/img/unlimited-pizza-animated-logo.gif); + +h1 a { + color: black; +} + +h1 a:visited { + color: black; } -a.logo span {display:none} em {color:#99a3a4} .main-container { @@ -21,31 +22,32 @@ em {color:#99a3a4} h1, h2, h3 { - text-transform: uppercase; font-weight: 300; } -h1{ - font-size: 72px; - line-height: 81px; +h1 { + font-size: 3.33em; +} + +h2 { + font-size: 1.61em; } a { - color: #00dddd; + color: blue; } -.content { - margin: 20px; - font-size: 24px; +a:visited { + color: purple; } ul { list-style: square; } -.main-container section, -.main-container aside{ text-align: left} - +li { + line-height: 1.82em; +} /* Guestbook */ .guestbook-feed, .guestbook-form ul { @@ -54,32 +56,15 @@ ul { .guestbook-form li { display: block; + max-width: 28em; } .guestbook-form .guestbook-label { - width: 8.571em; - float: left; - text-align: right; - padding: 0.5em 1.071em; text-transform: uppercase; -} - -.guestbook-form .guestbook-control { - float: left; -} - -.guestbook-form .guestbook-control-group { - clear: both; -} - -.guestbook-form .comment-control { - width: 42.857em; - height: 10em; -} - -.guestbook-content, .guestbook-form { - clear: both; - padding: 2.142em 0; + text-align: center; + max-width: 28em; + width: 100%; + text-style: italic; } .guestbook-feed .guestbook-post { @@ -88,104 +73,85 @@ ul { padding: 1.071em; } -.guestbook-post .author { - font-weight: bold; -} - /* * The Recorder CSS */ -.pepperoni-widget { - justify-content: space-between; - display: flex; -} +.pepperoni-widget .record-clear, .pepperoni-widget .record-button { - display: flex; - font-size: 1.538461em; - padding: 15px 20px 30px; - margin: 1em; - height: 1em; - background-color: #f1f1f1; + margin: 1em 0; + padding: 1em 0; + background-color: blue; + color: white; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; -} - -.record-info { - margin: 1em 0; + display: block; + text-align: center; } .pepperoni-widget .record-button.recording { - background-color: #ff00ff; + background-color: magenta; color: white; - padding: 20px 25px 25px 15px } +.guestbook-submit:hover, +.pepperoni-widget .record-clear:hover, .pepperoni-widget .record-button:hover { - text-decoration: none; - background-color: #fafafa; -} - -.pepperoni-widget .record-button.recording:hover { - background-color: #ff00ff; - color: #f1f1f1; -} - -.pepperoni-widget .record-progress { - justify-content: space-between; - display: flex; - margin: 0.5em 0.76em; + background-color: red; } .record-progress-bar-container { background-color: #f1f1f1; - height: 2em; - width: 15.385em; - margin-right: 0.76em; + height: 4em; } .record-progress-bar { - height: 2em; - background-color: #d30058; + height: 4em; + background-color: cyan; width: 0; } -.record-clear { - margin-top: 0.1em; - text-transform: uppercase; - font-size: 1em; - width: 4em; - cursor: pointer; -} - .record-clear:hover { text-decoration: none; } .record-preview { - margin: 0.76em; - width: 15.385em; - height: 2em; + max-width: 28em; + width: 100%; + height: 4em; + display: block; +} + +.guestbook-control input { + width: 100%; + font-family: times, 'Times New Roman', serif; } .guestbook-submit { - border-radius: 0; + background-color: magenta; + color: white; + display: block; + height: 4em; + font-size: 1em; + max-width: 28em; + padding: 0; border: 0; - background-color: #ff00ff; - font-family: 'VT323', monospace; - font-size: 24px; - color: #fff; - padding: 10px; - margin-left: 15px; + cursor: pointer; } -.filter-switches label { - display: inline; - margin-right: 2em; +.name-control { + max-width: 27.5em; + padding: 0.2em; + font-size: 1em; + display: block; } -.guestbook-control input { - font-family: 'VT323', monospace; - padding: 10px; - font-size: 24px; +.filter-switches { + padding: 1em 0; +} + +.filter-switches input { + display: inline; + width: auto; + margin-left: 1em; } diff --git a/jekyll/guestbook.html b/jekyll/guestbook.html index 69cbd3f..1d67a02 100644 --- a/jekyll/guestbook.html +++ b/jekyll/guestbook.html @@ -5,8 +5,8 @@ description: "Audio Guestbook" ---
+

Audio Guestbook

-

Audio Guestbook

Record, change effects, leave a nice message, give yourself memos for the future, hide riddles, broadcast spells. @@ -14,7 +14,7 @@ description: "Audio Guestbook"

    -
    • +
    • @@ -28,7 +28,7 @@ description: "Audio Guestbook"

    Back to /index.html

    -

    CLIPS

    +

    Clips

    diff --git a/jekyll/index.html b/jekyll/index.html index 8912a7f..8da8a45 100644 --- a/jekyll/index.html +++ b/jekyll/index.html @@ -4,7 +4,7 @@ title: /index.html description: "unlimited.pizza - ruben beltran del río surfs the internet: programming, music, fun times, hugs, bad jokes, and unlimited pizza" ---
    -

    Projects

    +

    Projects

    • @@ -61,7 +61,7 @@ description: "unlimited.pizza - ruben beltran del río surfs the internet: progr
    -

    Even more stuff.

    +

    Even more stuff.

    An image of @pigeonfolk.

    diff --git a/jekyll/js/unlimited_pizza/pepperoni.js b/jekyll/js/unlimited_pizza/pepperoni.js index c20f285..12dca9d 100644 --- a/jekyll/js/unlimited_pizza/pepperoni.js +++ b/jekyll/js/unlimited_pizza/pepperoni.js @@ -2,13 +2,13 @@ Class(UnlimitedPizza, "Pepperoni").inherits(Widget)({ INNER_HTML : ' \ -⬤ \ +Record. \
    \
    \
    \
    \
    \ - X \ + Clear recording. \
    \ \
    \ @@ -20,8 +20,8 @@ Class(UnlimitedPizza, "Pepperoni").inherits(Widget)({
    \
    \ ', - PAUSE : '▐▐', - RECORD : '⬤', + PAUSE : 'Pause.', + RECORD : 'Record.', prototype : { maxSize : 1048576, recording : false,