MasseR/rauhala.info
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: MasseR:06f95f0aa61aeb948fddb432165e8c6f647bfe90
Branches Tags
MasseR:master
MasseR:tailwind
MasseR:design-docs
MasseR:ipfs
MasseR:books
MasseR:configuring
..
compare: MasseR:50e664f70b9584b9de98b270b2dc74d4ab6f2a4f
Branches Tags
MasseR:tailwind
MasseR:design-docs
MasseR:master
MasseR:ipfs
MasseR:books
MasseR:configuring

No commits in common. "06f95f0aa61aeb948fddb432165e8c6f647bfe90" and "50e664f70b9584b9de98b270b2dc74d4ab6f2a4f" have entirely different histories.
06f95f0aa6 ... 50e664f70b

5 changed files with 35 additions and 58 deletions
Show Stats Expand all files Collapse all files

2
rauhala.info/contact.markdown
View File

@ -5,4 +5,4 @@ title: Contact
I live in Espoo Finland. You can contact me on any of the following services. I live in Espoo Finland. You can contact me on any of the following services.
- **Email**: mats.rauhala@iki.fi - **Email**: mats.rauhala@iki.fi
- **Mastodon**: MasseR@rauhala.info - **Mastodon**: MasseR@haskell.social

42
rauhala.info/css/index.css
View File

@ -550,10 +550,6 @@ video {
} }
} }
.visible {
visibility: visible;
}
.absolute { .absolute {
position: absolute; position: absolute;
} }
@ -595,10 +591,6 @@ video {
display: grid; display: grid;
} }
.hidden {
display: none;
}
.max-w-2xl { .max-w-2xl {
max-width: 42rem; max-width: 42rem;
} }
@ -611,6 +603,10 @@ video {
max-width: 36rem; max-width: 36rem;
} }
.flex-1 {
flex: 1 1 0%;
}
.shrink { .shrink {
flex-shrink: 1; flex-shrink: 1;
} }
@ -631,10 +627,6 @@ video {
align-items: center; align-items: center;
} }
.items-stretch {
align-items: stretch;
}
.justify-center { .justify-center {
justify-content: center; justify-content: center;
} }
@ -643,10 +635,6 @@ video {
justify-content: space-between; justify-content: space-between;
} }
.gap-2 {
gap: 0.5rem;
}
.gap-x-4 { .gap-x-4 {
-moz-column-gap: 1rem; -moz-column-gap: 1rem;
column-gap: 1rem; column-gap: 1rem;
@ -665,10 +653,6 @@ video {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.border {
border-width: 1px;
}
.border-b { .border-b {
border-bottom-width: 1px; border-bottom-width: 1px;
} }
@ -692,13 +676,9 @@ video {
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} }
.p-2 { .px-3 {
padding: 0.5rem; padding-left: 0.75rem;
} padding-right: 0.75rem;
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
} }
.px-6 { .px-6 {
@ -715,10 +695,6 @@ video {
padding-top: 2.5rem; padding-top: 2.5rem;
} }
.pt-2 {
padding-top: 0.5rem;
}
.text-2xl { .text-2xl {
font-size: 1.5rem; font-size: 1.5rem;
line-height: 2rem; line-height: 2rem;
@ -766,10 +742,6 @@ video {
color: rgb(156 163 175 / var(--tw-text-opacity)); color: rgb(156 163 175 / var(--tw-text-opacity));
} }
.group:hover .group-hover\:block {
display: block;
}
.group:hover .group-hover\:text-gray-600 { .group:hover .group-hover\:text-gray-600 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity)); color: rgb(75 85 99 / var(--tw-text-opacity));

32
rauhala.info/templates/default.html
View File

@ -10,34 +10,26 @@
</head> </head>
<body> <body>
<header> <header>
<nav class="flex bg-gray-800 text-gray-300 items-stretch text-lg border width-full align-center justify-between"> <nav class="bg-gray-800">
<ul class="flex gap-2 p-2"> <div class="flex flex-1 items-center justify-center">
<li class="hover:text-gray-400"><a href="/">Home</a></li> <!-- Git logo from https://git-scm.com/downloads/logos -->
<li class="hover:text-gray-400"><a href="/posts.html">Posts</a></li> <!-- Logo by Jason Long -->
<li class="hover:text-gray-400"><a href="/projects.html">Projects</a></li> <a class="text-gray-300 hover:text-gray-400 rounded px-3" href="/">Home</a>
</ul> <a class="text-gray-300 hover:text-gray-400 rounded px-3" href="/posts.html">Posts</a>
<ul class="flex gap-2 p-2"> <a class="text-gray-300 hover:text-gray-400 rounded px-3" href="/projects.html">Projects</a>
<li class="group">Git <a class="text-gray-300 hover:text-gray-400 rounded px-3" href="https://git.rauhala.info">Git</a>
<!-- Hide the dropdown by default, but make it visible on the parent hover <a class="text-gray-300 hover:text-gray-400 rounded px-3" href="/contact.html">Contact</a>
see the 'group' on the toplevel </div>
-->
<ul class="hidden bg-gray-800 text-gray-300 border rounded p-2 group-hover:block absolute">
<li class="hover:text-gray-400"><a href="https://git.rauhala.info/MasseR">Gitea</a></li>
<li class="hover:text-gray-400"><a href="https://github.com/MasseR">GitHub</a></li>
</ul>
</li>
<li class="hover:text-gray-400"><a href="/contact.html">Contact</a></li>
</ul>
</nav> </nav>
</header> </header>
<main role="main" class="px-2"> <main role="main">
<div> <div>
$body$ $body$
</div> </div>
</main> </main>
<footer class="pt-2 border-t px-2"> <footer>
Site proudly generated by Site proudly generated by
<a href="http://jaspervdj.be/hakyll">Hakyll</a> <a href="http://jaspervdj.be/hakyll">Hakyll</a>
</footer> </footer>

2
rauhala.info/templates/post.html
View File

@ -1,5 +1,5 @@
<div class="container mx-auto mt-10 mb-10"> <div class="container mx-auto mt-10 mb-10">
<article class="max-w-xl flex-col items-start justify-center"> <article class="flex max-w-xl flex-col items-start justify-center">
<div class="flex items-center gap-x-4 text-xs"> <div class="flex items-center gap-x-4 text-xs">
<time datetime="$date$" class="text-gray-500">$date$</time> <time datetime="$date$" class="text-gray-500">$date$</time>
</div> </div>

13
rauhala.info/templates/project.html
View File

@ -22,3 +22,16 @@
</article> </article>
</section> </section>
</div> </div>
<div class="sidebar-container">
<article>
<section>
$body$
</section>
</article>
<div class="sidebar">
<a href="$github$">Github</a>
<a href="$issues$">Issues</a>
$if(badge)$<img src="$badge$" />$endif$
</div>
</div>