diff options
| author | Ricardo Wurmus <rekado@elephly.net> | 2021-04-11 00:37:24 +0200 |
|---|---|---|
| committer | Ricardo Wurmus <rekado@elephly.net> | 2021-04-11 01:07:21 +0200 |
| commit | c62d06a9d1f05d4d125b9d043d974073e206a67e (patch) | |
| tree | 95a47414aa65a72be23f65cfbffd9c0c148eca09 /static | |
| parent | website: Add big-letter heading on the front page. (diff) | |
website: Rearrange intro text.
* website/haunt.scm (read-markdown-page): Move intro text from here...
(base-layout): ...to here.
* website/static/css/main.css: Adjust header styles.
* website/static/images/noise-bg.png: New file.
* website/index.md: Remove tag line.
Diffstat (limited to 'static')
| -rw-r--r-- | static/css/main.css | 36 | ||||
| -rw-r--r-- | static/images/noise-bg.png | bin | 0 -> 3101 bytes |
2 files changed, 11 insertions, 25 deletions
diff --git a/static/css/main.css b/static/css/main.css index 89ff430..2acd5ef 100644 --- a/static/css/main.css +++ b/static/css/main.css | |||
| @@ -38,15 +38,11 @@ | |||
| 38 | @media all and (max-width:800px){html {font-size: 16px;}} | 38 | @media all and (max-width:800px){html {font-size: 16px;}} |
| 39 | @media all and (max-width:760px){html {font-size: 16px;}} | 39 | @media all and (max-width:760px){html {font-size: 16px;}} |
| 40 | 40 | ||
| 41 | .front-page-heading { | ||
| 42 | font-size: 175%; | ||
| 43 | line-height: 150%; | ||
| 44 | } | ||
| 45 | 41 | ||
| 46 | /*#ffbf2d*/ | 42 | /*#ffbf2d*/ |
| 47 | 43 | ||
| 48 | body,html { | 44 | body,html { |
| 49 | background-color: #fff; | 45 | background-color: #fafafa; |
| 50 | color: #073b4c; | 46 | color: #073b4c; |
| 51 | width: 100%; | 47 | width: 100%; |
| 52 | height: 100%; | 48 | height: 100%; |
| @@ -95,7 +91,7 @@ p + p { | |||
| 95 | } | 91 | } |
| 96 | 92 | ||
| 97 | #header { | 93 | #header { |
| 98 | background: #fff; | 94 | background: url('../images/noise-bg.png'); |
| 99 | height: 90px; | 95 | height: 90px; |
| 100 | width: 100%; | 96 | width: 100%; |
| 101 | box-shadow: 0 3px 8px #ccc; | 97 | box-shadow: 0 3px 8px #ccc; |
| @@ -104,7 +100,8 @@ p + p { | |||
| 104 | #header .logo { | 100 | #header .logo { |
| 105 | padding: 10px; | 101 | padding: 10px; |
| 106 | display: block; | 102 | display: block; |
| 107 | height: 15rem; | 103 | height: 25rem; |
| 104 | margin-bottom: 2em; | ||
| 108 | } | 105 | } |
| 109 | 106 | ||
| 110 | #header .logo:focus { | 107 | #header .logo:focus { |
| @@ -115,24 +112,11 @@ p + p { | |||
| 115 | height: 4.5rem; | 112 | height: 4.5rem; |
| 116 | } | 113 | } |
| 117 | 114 | ||
| 118 | #header .baseline { | ||
| 119 | color: #073b4c; | ||
| 120 | font-size: 16px; | ||
| 121 | font-family: 'Roboto', sans-serif; | ||
| 122 | font-weight: bold; | ||
| 123 | display: none; /* overridden below */ | ||
| 124 | padding: 10px; | ||
| 125 | padding-top: 2px; | ||
| 126 | } | ||
| 127 | |||
| 128 | #header .members { | 115 | #header .members { |
| 129 | float: right; | 116 | float: right; |
| 130 | } | 117 | } |
| 131 | 118 | ||
| 132 | @media screen and (min-width: 640px) { | 119 | @media screen and (min-width: 640px) { |
| 133 | #header .baseline { | ||
| 134 | display: block; | ||
| 135 | } | ||
| 136 | #header { | 120 | #header { |
| 137 | height: 110px; | 121 | height: 110px; |
| 138 | } | 122 | } |
| @@ -146,16 +130,19 @@ p + p { | |||
| 146 | padding-bottom: 1rem; | 130 | padding-bottom: 1rem; |
| 147 | } | 131 | } |
| 148 | 132 | ||
| 133 | #header.frontpage .front-page-heading { | ||
| 134 | font-size: 175%; | ||
| 135 | line-height: 150%; | ||
| 136 | text-align: left; | ||
| 137 | padding-top: 0.5em; | ||
| 138 | } | ||
| 139 | |||
| 149 | #header.frontpage .logo { | 140 | #header.frontpage .logo { |
| 150 | padding: 0; | 141 | padding: 0; |
| 151 | margin: 0 auto; | 142 | margin: 0 auto; |
| 152 | max-width: 100%; | 143 | max-width: 100%; |
| 153 | } | 144 | } |
| 154 | 145 | ||
| 155 | #header.frontpage .baseline { | ||
| 156 | padding-top: 1rem; | ||
| 157 | } | ||
| 158 | |||
| 159 | #menubar { | 146 | #menubar { |
| 160 | margin: auto; | 147 | margin: auto; |
| 161 | padding: 0px; | 148 | padding: 0px; |
| @@ -197,7 +184,6 @@ p + p { | |||
| 197 | } | 184 | } |
| 198 | 185 | ||
| 199 | .post { | 186 | .post { |
| 200 | background: #ffffff; | ||
| 201 | padding: 10px; | 187 | padding: 10px; |
| 202 | margin-bottom: 25px; | 188 | margin-bottom: 25px; |
| 203 | } | 189 | } |
diff --git a/static/images/noise-bg.png b/static/images/noise-bg.png new file mode 100644 index 0000000..df511d7 --- /dev/null +++ b/static/images/noise-bg.png | |||
| Binary files differ | |||