summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--index.html29
-rw-r--r--media/icon.pngbin0 -> 207967 bytes
-rw-r--r--neuarriero.css48
3 files changed, 75 insertions, 2 deletions
diff --git a/index.html b/index.html
index 7fa21d0..a91341f 100644
--- a/index.html
+++ b/index.html
@@ -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
new file mode 100644
index 0000000..a8a3561
--- /dev/null
+++ b/media/icon.png
Binary files differ
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;
+}