feat: Adjust to blog rework

This commit is contained in:
PapaTutuWawa 2023-07-22 21:09:19 +02:00
parent 2a06d6666e
commit 1dd95f2418
5 changed files with 42 additions and 35 deletions

View File

@ -2,7 +2,7 @@
<!-- description: Alexander 'PapaTutuWawa' 's code repositories. --> <!-- description: Alexander 'PapaTutuWawa' 's code repositories. -->
<!-- render: yes --> <!-- render: yes -->
<div class="flex flex-col pt-8"> <div class="flex flex-col pt-8 mx-auto">
<p class="prose text-white"> <p class="prose text-white">
I keep my code mostly on my private Gitea instance <a class="text-indigo-400" I keep my code mostly on my private Gitea instance <a class="text-indigo-400"
href="https://{{ gitea_url }}/{{ gitea_username }}">here</a>. href="https://{{ gitea_url }}/{{ gitea_username }}">here</a>.
@ -27,4 +27,4 @@
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>

View File

@ -1,7 +1,7 @@
<!-- title: Contact | polynom.me --> <!-- title: Contact | polynom.me -->
<!-- description: Contact details for getting in touch with Alexander 'PapaTutuWawa'. --> <!-- description: Contact details for getting in touch with Alexander 'PapaTutuWawa'. -->
<!-- render: yes --> <!-- render: yes -->
<div class="flex flex-col pt-8"> <div class="flex flex-col pt-8 mx-auto">
<p class="prose text-white"> <p class="prose text-white">
If you have any questions about my projects or just want to talk, feel If you have any questions about my projects or just want to talk, feel
free to reach out to me. free to reach out to me.
@ -40,4 +40,4 @@
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>

View File

@ -1,7 +1,8 @@
<!-- title: Home | polynom.me --> <!-- title: Home | polynom.me -->
<!-- description: The personal website of Alexander 'PapaTutuWawa'. --> <!-- description: The personal website of Alexander 'PapaTutuWawa'. -->
<!-- render: yes --> <!-- render: yes -->
<div class="flex flex-col w-full sm:w-4/5">
<div class="flex flex-col mx-auto">
<p class="text-white prose py-8 self-center"> <p class="text-white prose py-8 self-center">
Hello! My online pseudonym is <i>PapaTutuWawa</i> and I am Hello! My online pseudonym is <i>PapaTutuWawa</i> and I am
just some random person on the Internet who is passionate about just some random person on the Internet who is passionate about
@ -15,4 +16,4 @@
{{ for_each projects layout/templates/project.html }} {{ for_each projects layout/templates/project.html }}
</div> </div>

View File

@ -2,6 +2,16 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
html { @layer base {
body {
background-color: #212121; background-color: #212121;
} }
html {
@apply text-white;
}
a {
@apply text-indigo-400 !important;
}
}

View File

@ -1,38 +1,34 @@
<!doctype html> <!doctype html>
<html> <html>
<head>
<head>
<title>{{ title }}</title>
<meta property="og:title" content="{{ title }}" />
<meta property="og:description" content="{{ description }}" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="/assets/css/index.css" rel="stylesheet" /> <link href="/assets/css/index.css" rel="stylesheet" />
</head> <link rel="shortcut icon" href="/assets/img/favicon.ico" sizes="32x32" />
<link href="/feed.xml" type="application/atom+xml" rel="alternate" title="Moxxy Blog" />
<body class="min-h-screen h-full flex flex-col p-8 h-full"> <meta property="og:title" content="{{ title }}" />
<div class="flex flex-col items-center"> <meta property="og:description" content="{{ description }}" />
<!-- Allow the header to be independently sized from the content -->
<div>
<div class="flex flex-row">
<img class="w-32 md:w-36 lg:w-48 h-32 md:h-36 lg:h-48 rounded-lg" src="https://cdn.polynom.me/img/avatar.jpg" />
<div class="flex flex-col justify-center px-8"> <title>{{ title }}</title>
<a href="/"><h1 class="text-xl lg:text-4xl text-indigo-400">PapaTutuWawa</h1></a> </head>
<body>
<div class="flex flex-col p-2 md:p-8 items-start md:w-4/5 mx-auto">
<!-- Header -->
<div class="flex flex-row self-center">
<img class="w-12 h-12 md:w-24 md:h-24 rounded-lg" src="{{ page_assets }}/img/avatar.jpg" alt="Profile picture"/>
<div class="ml-4 self-center">
<a class="self-center text-2xl font-bold" href="/">PapaTutuWawa's Website</a>
<div class="flex flex-row justify-between"> <ul class="list-none">
<a class="text-indigo-400" href="https://blog.polynom.me">Blog</a> <li class="inline mr-8"><a href="https://blog.polynom.me">Blog</a></li>
<a class="text-indigo-400" href="/code.html">Code</a> <li class="inline mr-8"><a href="/code.html">Code</a></li>
<a class="text-indigo-400" href="/contact.html">Contact</a> <li class="inline mr-8"><a href="/contact.html">Contact</a></li>
</div> </ul>
</div>
</div>
</div> </div>
</div>
{{ content }} {{ content }}
</div> </div>
</body> </body>
</html>
</html>