diff options
| -rw-r--r-- | index.html | 29 | ||||
| -rw-r--r-- | media/icon.png | bin | 0 -> 207967 bytes | |||
| -rw-r--r-- | neuarriero.css | 48 |
3 files changed, 75 insertions, 2 deletions
@@ -1,6 +1,31 @@ <html lang="en"> <head> <meta name="author" content="Salvador Franco de Rivera"> - <meta name="description" content="Homepage of El Arriero" - </head> + <meta name="description" content="Homepage of the new El Arriero site"> + <meta name="keywords" content="furry,hmofa,art,homepage,linux"> + <link href="/neuarriero.css" rel="stylesheet"> + </head> + + <body> + <header> + <a href="https://www.youtube.com/playlist?list=PLa2uXwVHk-lgRQDTyjF6wrB_GDE8yRC-J"> + <img src="/media/icon.png"> + </a> + <div> + <h1> + <a href="/index.html">NuArriero</a> + </h1> + <small>Furry girls, computers, milshit, and art</small> + <nav> + <a href="thingy">Link1</a> + <a href="thingy">Link2</a> + <a href="thingy">Link3</a> + <a href="thingy">Link1</a> + <a href="thingy">Link2</a> + <a href="thingy">Link3</a> + </nav> + </div> + </header> + </body> + </html> diff --git a/media/icon.png b/media/icon.png Binary files differnew file mode 100644 index 0000000..a8a3561 --- /dev/null +++ b/media/icon.png diff --git a/neuarriero.css b/neuarriero.css new file mode 100644 index 0000000..41db436 --- /dev/null +++ b/neuarriero.css @@ -0,0 +1,48 @@ +:root { + --main-bg-color: #4e0408; + --main-fg-color: #73232d; + +} + +body { + margin: 0; + font-family:Verdana, Geneva, Tahoma, sans-serif; + font-weight: bold; + +} + +header { + display: flex; + background:linear-gradient(to bottom, var(--main-bg-color) 0%, var(--main-fg-color) 100%); + box-shadow: rgba(0,0,0,.3) 0 3px 8px; + padding: 0.5rem; + color: #ffffff; + align-items: stretch; +} +header img { + object-fit: cover; + margin-right: 1rem; + height: 12rex; +} +nav { + margin-top: 1rex; + background-color: white; + justify-content: flex-end; + flex-wrap: wrap; +} +nav a { + margin-top: 0; + padding: 0 1rem; +} +header h1 { + margin: 0; + color: white; +} +header h1 a { + font-size: 120%; + color: white; + text-decoration: none; +} +hr { + color: white; +} |
