diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/style.css | 96 | ||||
| -rw-r--r-- | assets/js/welcome.js | 41 |
2 files changed, 134 insertions, 3 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index c0c38c0..9273765 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -3,14 +3,47 @@ body { overflow-y: scroll; } +div.jumbotron { + padding-top: 16px; +} + +.jumbotron h1 { +/*font-size: 36px;*/ + margin-bottom: 0; +} +.jumbotron p { + font-size: 18px; +} +p { + text-align: justify; + hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + -ms-hyphens: auto; +} +p.center { + text-align: center; + hyphens: none; + -moz-hyphens: none; + -webkit-hyphens: none; + -ms-hyphens: none; +} + +.jumbotron h1, .jumbotron h2 { + line-height: 1; + margin-top: 0; + text-align: center; +} + /* fix for anchored links to scroll the top bar */ *[id]:before { display: block; content: " "; margin-top: -65px; - height: 65px; - visibility: hidden; + height: 65px; + visibility: hidden; } +#___gcse_0:before { display: inline; } /* This is for mobile devices and the size of the youtube video */ iframe { @@ -33,7 +66,7 @@ footer { margin-top: 20ex; } -/* Out of site link */ +/* Out of site link image */ a[rel="external"],a.rel-external { padding-right: 10px; } @@ -57,3 +90,60 @@ a[rel="external"]:after,a.rel-external:after { a[rel="external"]:hover:after,a.rel-external:hover:after { text-decoration: none; } + +/* Reduce navbar spacing on small resolutions, + to avoid wrapping */ +@media (max-width:991px) and (min-width:768px) { + .nav > li > a { + padding-left: 7px; + padding-right: 5px; + font-size: 98%; + } + .nav > li > a[rel="external"] { + padding-right: 20px; + } +} + +/* Select box for settings docs */ +.col-xs-12.col-md-4 select { + display: block; + background: inherit; + border: inherit; + width: 11em; + -moz-appearance: none; + -webkit-appearance: none; + color: #337ab7; +} + +select .header { + text-align: center; +} + +.welcome-img { + background-image: url(https://cloud.githubusercontent.com/assets/5665186/4387267/d2401f24-43da-11e4-8753-666ea552580a.png); + background-color: #ffeeff; + background-repeat: no-repeat; + background-position: 5% 95%; + box-shadow: 20px 20px 15px black, inset 0 0 10px white; + border-radius: 5px; + background-blend-mode: darken; + transition-duration: 1s; +} + +@media (min-width:992px) { + .jumbotron.flex .row { + display: flex; + } +} + +@media (max-width:991px) { + .welcome-img { + height: 350px; + } +} + +@media (max-width:767px) { + .welcome-img { + height: 250px; + } +} diff --git a/assets/js/welcome.js b/assets/js/welcome.js new file mode 100644 index 0000000..7a4f849 --- /dev/null +++ b/assets/js/welcome.js @@ -0,0 +1,41 @@ +var deck = [ + "//irssi-import.github.io/themes/sux.png", + "//irssi-import.github.io/themes/swift.png", + "//irssi-import.github.io/themes/syntax.png", + "//irssi-import.github.io/themes/tinylajs.png", + "//irssi-import.github.io/themes/trakhel.png", + "//irssi-import.github.io/themes/trax.png", + "//irssi-import.github.io/themes/xmas.png", + "//irssi-import.github.io/themes/yellowsyntax.png", + "//irssi-import.github.io/themes/ash.png", + "//irssi-import.github.io/themes/c0ders.png", + "//irssi-import.github.io/themes/dark_winter.png", + "//irssi-import.github.io/themes/dot.png", + "//irssi-import.github.io/themes/elf.png", + "//irssi-import.github.io/themes/elho.png", + "//irssi-import.github.io/themes/h3rbz.png", + "//irssi-import.github.io/themes/hagge.png", + "//irssi-import.github.io/themes/laaama-2.png", + "//irssi-import.github.io/themes/lilah.png", + "//irssi-import.github.io/themes/madcow.png", + "//irssi-import.github.io/themes/more_readable.png", + "//irssi-import.github.io/themes/mosdef.png", + "//irssi-import.github.io/themes/murf.png", + "//irssi-import.github.io/themes/n.png", + "//irssi-import.github.io/themes/rain.png", + "//irssi-import.github.io/themes/screwer.png", + "https://cloud.githubusercontent.com/assets/5665186/4387270/d24911ce-43da-11e4-8d59-f3a14c95d790.jpg", + "https://cloud.githubusercontent.com/assets/5665186/4387267/d2401f24-43da-11e4-8753-666ea552580a.png" + ]; +document.addEventListener("DOMContentLoaded", function(event) { + 'use strict'; + var disp = document.getElementsByClassName("welcome-img")[0]; + setInterval(function(){ + var img = new Image(); + var src = deck[Math.floor(Math.random() * deck.length)]; + img.src = src; + img.onload = function() { + disp.style.backgroundImage = "url("+src+")"; + }; + }, 12*1000); +}); |