diff options
| -rw-r--r-- | _layouts/default.html | 15 | ||||
| -rw-r--r-- | _layouts/post.html | 5 | ||||
| -rw-r--r-- | custom.css | 19 | ||||
| -rwxr-xr-x | tufte.css | 13 |
4 files changed, 46 insertions, 6 deletions
diff --git a/_layouts/default.html b/_layouts/default.html index d58d069..d8a0846 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -3,7 +3,20 @@ {% include head.html %} <body> - <div class="topbar"></div> + <div class="topbar"> + <div class="logo-wrap"> + <!-- <div class="circle-logo"></div> --> + <svg class="logo" width="100" height="100"> + <circle cx="50" cy="50" r="35" stroke-width="6" stroke="#fff" fill="#b3c7cf"/> + <circle cx="50" cy="50" r="20" fill="#92adb9"/> + <circle cx="50" cy="50" r="14" fill="#7499AA"/> + </svg> + <div class="book-title"> + <div class="prog-mod">Programming Models for</div> + <div class="dist-comp">Distributed Computing</div> + </div> + </div> + </div> <div class="body-wrap"> <div class="container"> <!-- {% include header.html %} --> diff --git a/_layouts/post.html b/_layouts/post.html index 59b62b1..5205410 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -2,11 +2,6 @@ layout: default --- -<div class="book-title"> - Programming Models for - <br /> - <span class="dist-comp">Distributed Computing</span> -</div> <div class="author">By {{ page.by }}</div> <article> @@ -9,6 +9,7 @@ body { } .topbar { + position: relative; background: #F3F3F3; height: 70px; width: 100%; @@ -45,9 +46,19 @@ h2, h3 { } .book-title { + position: absolute; + top: 20px; + padding-left: 30px; +} + +.prog-mod { font-family: 'Alegreya Sans', sans-serif; font-weight: 700; font-style: italic; + font-size: 22px; + margin-bottom: -8px; + margin-left: -10px; + color: #595959; } .dist-comp { @@ -55,6 +66,7 @@ h2, h3 { text-transform: uppercase; font-weight: 900; font-style: normal; + font-size: 24px; } @font-face { @@ -81,3 +93,10 @@ code { /*padding: 0 2px 0 2px;*/ } +.logo { + margin-left: -16px; + margin-top: 16px; +} + + + @@ -41,6 +41,16 @@ html { font-size: 15px; } max-width: 1400px; counter-reset: sidenote-counter; } +.logo-wrap { position: relative; + width: 87.5%; + padding-left: 12.5%; + margin-left: auto; + margin-right: auto; + font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + color: #111; + max-width: 1400px; + counter-reset: sidenote-counter; } + h1 { font-weight: 400; margin-top: 4rem; margin-bottom: 1.5rem; @@ -233,6 +243,9 @@ label.margin-toggle:not(.sidenote-number) { display: none; } @media (max-width: 760px) { .body-wrap { width: 84%; padding-left: 8%; padding-right: 8%; } + .logo-wrap { width: 84%; + padding-left: 8%; + padding-right: 8%; } p, footer { width: 100%; } pre.code { width: 97%; } ul { width: 85%; } |