Compare commits
7 Commits
50e664f70b
...
06f95f0aa6
| Author | SHA1 | Date |
|---|---|---|
 Mats Rauhala
|
06f95f0aa6 | |
|
Mats Rauhala
|
8fcf863e6a | |
|
Mats Rauhala
|
a732c620a8 | |
|
Mats Rauhala
|
a1f344a510 | |
|
Mats Rauhala
|
933403e249 | |
|
Mats Rauhala
|
57096e5d06 | |
|
Mats Rauhala
|
b02f086730 |
|
|
@ -5,4 +5,4 @@ title: Contact
|
|||
I live in Espoo Finland. You can contact me on any of the following services.
|
||||
|
||||
- **Email**: mats.rauhala@iki.fi
|
||||
- **Mastodon**: MasseR@haskell.social
|
||||
- **Mastodon**: MasseR@rauhala.info
|
||||
|
|
|
|||
|
|
@ -550,6 +550,10 @@ video {
|
|||
}
|
||||
}
|
||||
|
||||
.visible {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.absolute {
|
||||
position: absolute;
|
||||
}
|
||||
|
|
@ -591,6 +595,10 @@ video {
|
|||
display: grid;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.max-w-2xl {
|
||||
max-width: 42rem;
|
||||
}
|
||||
|
|
@ -603,10 +611,6 @@ video {
|
|||
max-width: 36rem;
|
||||
}
|
||||
|
||||
.flex-1 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
|
||||
.shrink {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
|
|
@ -627,6 +631,10 @@ video {
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
.items-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
|
@ -635,6 +643,10 @@ video {
|
|||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.gap-2 {
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.gap-x-4 {
|
||||
-moz-column-gap: 1rem;
|
||||
column-gap: 1rem;
|
||||
|
|
@ -653,6 +665,10 @@ video {
|
|||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
.border {
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.border-b {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
|
@ -676,9 +692,13 @@ video {
|
|||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.px-3 {
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
.p-2 {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.px-2 {
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.px-6 {
|
||||
|
|
@ -695,6 +715,10 @@ video {
|
|||
padding-top: 2.5rem;
|
||||
}
|
||||
|
||||
.pt-2 {
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
.text-2xl {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
|
|
@ -742,6 +766,10 @@ video {
|
|||
color: rgb(156 163 175 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-gray-600 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(75 85 99 / var(--tw-text-opacity));
|
||||
|
|
|
|||
|
|
@ -10,26 +10,34 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="bg-gray-800">
|
||||
<div class="flex flex-1 items-center justify-center">
|
||||
<!-- Git logo from https://git-scm.com/downloads/logos -->
|
||||
<!-- Logo by Jason Long -->
|
||||
<a class="text-gray-300 hover:text-gray-400 rounded px-3" href="/">Home</a>
|
||||
<a class="text-gray-300 hover:text-gray-400 rounded px-3" href="/posts.html">Posts</a>
|
||||
<a class="text-gray-300 hover:text-gray-400 rounded px-3" href="/projects.html">Projects</a>
|
||||
<a class="text-gray-300 hover:text-gray-400 rounded px-3" href="https://git.rauhala.info">Git</a>
|
||||
<a class="text-gray-300 hover:text-gray-400 rounded px-3" href="/contact.html">Contact</a>
|
||||
</div>
|
||||
</nav>
|
||||
<nav class="flex bg-gray-800 text-gray-300 items-stretch text-lg border width-full align-center justify-between">
|
||||
<ul class="flex gap-2 p-2">
|
||||
<li class="hover:text-gray-400"><a href="/">Home</a></li>
|
||||
<li class="hover:text-gray-400"><a href="/posts.html">Posts</a></li>
|
||||
<li class="hover:text-gray-400"><a href="/projects.html">Projects</a></li>
|
||||
</ul>
|
||||
<ul class="flex gap-2 p-2">
|
||||
<li class="group">Git
|
||||
<!-- Hide the dropdown by default, but make it visible on the parent hover
|
||||
see the 'group' on the toplevel
|
||||
-->
|
||||
<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>
|
||||
</header>
|
||||
|
||||
<main role="main">
|
||||
<main role="main" class="px-2">
|
||||
<div>
|
||||
$body$
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<footer class="pt-2 border-t px-2">
|
||||
Site proudly generated by
|
||||
<a href="http://jaspervdj.be/hakyll">Hakyll</a>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="container mx-auto mt-10 mb-10">
|
||||
<article class="flex max-w-xl flex-col items-start justify-center">
|
||||
<article class="max-w-xl flex-col items-start justify-center">
|
||||
<div class="flex items-center gap-x-4 text-xs">
|
||||
<time datetime="$date$" class="text-gray-500">$date$</time>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -22,16 +22,3 @@
|
|||
</article>
|
||||
</section>
|
||||
</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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue