Browse Source

Initital Draft of Website mostly done. Links need to be added to the links page but otherwise done.

master
nukashimika 2 years ago
parent
commit
d4dbc85a79
  1. 2
      Makefile
  2. BIN
      src/images/discord.png
  3. BIN
      src/images/gitea.png
  4. BIN
      src/images/twitter.png
  5. 24
      src/links/index.html
  6. 2
      src/links/index.md
  7. 64
      src/links/style.css
  8. 25
      src/links/template.html
  9. 11
      src/style.css

2
Makefile

@ -1,5 +1,5 @@
default:
pandoc --standalone --metadata title="nuka.works" --template src/template.html src/index.md -o src/index.html
pandoc --standalone --metadata title="nuka.works" --template src/template.html src/index.md -o src/index.html && pandoc --standalone --metadata title="nuka.works" --template src/links/template.html src/links/index.md -o src/links/index.html
.PHONY: default

BIN
src/images/discord.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
src/images/gitea.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

BIN
src/images/twitter.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 KiB

24
src/links/index.html

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>nuka.works</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar">
<nav>
<a href="/">home</a>
<a href="links/">links</a>
</nav>
</div>
<h1 id="links">Links</h1>
<div class="link-flex">
<ul id="links">
<li class="twitter"><a href="https://twitter.com/Nukashimaka"</li>
<li class="gitea"><a href=https://git.sexmasters.xyz/>Gitea</a></li>
<li class="discord">Discord: Ikarenian:#6465</li>
</ul>
</div>
</body>
</html>

2
src/links/index.md

@ -0,0 +1,2 @@
# Links

64
src/links/style.css

@ -0,0 +1,64 @@
body {
background-color: #000000;
line-height:1.5em;
font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}
.navbar {
color: #FFE4B5 !important;
font-family: Consolas, monaco, monospace;
}
.a:link {
color: #FFE4B5 !important;
}
a:visted {
color: #A784A8;
}
h1,
p {
color:#FFFFFF;
line-height: 14px;
font-family: 'Courier New', Courier, monospace;
}
::selection {
background:#BE0C0C;
}
ul {
color: #FFFFFF;
list-style: none;
}
ul#links li.twitter {
list-style-image: url('../images/twitter.png');
margin: 0;
padding: 12px 0 12px 2em;
list-style: none;
background-image: url("../images/twitter.png");
background-repeat: no-repeat;
background-position: left;
background-size: 1.5em;
}
ul#links li.gitea {
background-image: url("../images/gitea.png");
padding: 12px 0 12px 2em;
background-repeat: no-repeat;
background-position: left;
background-size: 1.5em;
}
ul#links li.discord {
background-image: url("../images/discord.png");
padding: 12px 0 12px 2em;
background-repeat: no-repeat;
background-position: left;
background-size: 1.5em;
}

25
src/links/template.html

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>$title$</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar">
<nav>
<a href="/">home</a>
<a href="links/">links</a>
</nav>
</div>
$body$
<div class="link-flex">
<ul id="links">
<!-- FIXME: this refuses to generate links for some reason -->
<li class="twitter"><a href="https://twitter.com/Nukashimaka">Twitter</a></li>
<li class="gitea"><a href=https://git.sexmasters.xyz/>Gitea</a></li>
<li class="discord">Discord: Ikarenian#6465</li>
</ul>
</div>
</body>
</html>

11
src/style.css

@ -5,14 +5,19 @@ body {
}
.navbar {
color: #FFAB00;
color: #FFE4B5 !important;
font-family: Consolas, monaco, monospace;
}
.navbar:visited {
color: #0054FF;
.a:link {
color: #FFE4B5 !important;
}
a.visted {
color: #A784A8
}
h1,
p {
color:#FFFFFF;
line-height: 14px;

Loading…
Cancel
Save