addet profile-mode on homepage
This commit is contained in:
pika
parent
e2f0ef9b68
commit
89865aa831
11 changed files with 73 additions and 278 deletions
|
|
@ -29,34 +29,6 @@
|
|||
}
|
||||
|
||||
</style>
|
||||
<style>
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--theme: rgb(29, 30, 32);
|
||||
--entry: rgb(46, 46, 51);
|
||||
--primary: rgb(218, 218, 219);
|
||||
--secondary: rgb(155, 156, 157);
|
||||
--tertiary: rgb(65, 66, 68);
|
||||
--content: rgb(196, 196, 197);
|
||||
--code-block-bg: rgb(46, 46, 51);
|
||||
--code-bg: rgb(55, 56, 62);
|
||||
--border: rgb(51, 51, 51);
|
||||
}
|
||||
|
||||
.list {
|
||||
background: var(--theme);
|
||||
}
|
||||
|
||||
.list:not(.dark)::-webkit-scrollbar-track {
|
||||
background: 0 0;
|
||||
}
|
||||
|
||||
.list:not(.dark)::-webkit-scrollbar-thumb {
|
||||
border-color: var(--theme);
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
</noscript>
|
||||
|
||||
|
||||
|
|
@ -87,14 +59,10 @@
|
|||
<link href="https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="list" id="top">
|
||||
<body class="list dark" id="top">
|
||||
<script>
|
||||
if (localStorage.getItem("pref-theme") === "dark") {
|
||||
document.body.classList.add('dark');
|
||||
} else if (localStorage.getItem("pref-theme") === "light") {
|
||||
if (localStorage.getItem("pref-theme") === "light") {
|
||||
document.body.classList.remove('dark')
|
||||
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
document.body.classList.add('dark');
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
@ -151,16 +119,12 @@
|
|||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="main">
|
||||
<article class="first-entry home-info">
|
||||
<header class="entry-header">
|
||||
<h1>Welcome to my blog! Feel free to contribute some topics over on GiTea</h1>
|
||||
</header>
|
||||
<div class="entry-content">
|
||||
|
||||
</div>
|
||||
<footer class="entry-footer">
|
||||
<div class="social-icons" >
|
||||
<main class="main"><div class="profile">
|
||||
<div class="profile_inner">
|
||||
<img draggable="false" src="https://blog.k4li.me/img/facepunch.svg" alt="profile image" title=""
|
||||
height="120" width="120" />
|
||||
<h1>Hi, I’m pika!</h1>
|
||||
<span>You are currently at my dev-environment. Here I’m trying to get better in stuff like writing blogentries, and styling a website/creating one. So, take anything here with a grain of salt and have fun reading. Also be sure to checkout the GiTea instance!</span><div class="social-icons" >
|
||||
<a href="https://git.k4li.de/pika/" target="_blank" rel="noopener noreferrer me"
|
||||
title="Gitea">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20" fill="currentColor">
|
||||
|
|
@ -170,33 +134,37 @@
|
|||
</a>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
<div class="buttons">
|
||||
<a class="button" href="/blog/" rel="noopener" title="BlogPosts">
|
||||
<span class="button-inner">
|
||||
BlogPosts
|
||||
</span>
|
||||
</a>
|
||||
<a class="button" href="/archive/" rel="noopener" title="Archive">
|
||||
<span class="button-inner">
|
||||
Archive
|
||||
</span>
|
||||
</a>
|
||||
<a class="button" href="/tutorials/" rel="noopener" title="Tutorials">
|
||||
<span class="button-inner">
|
||||
Tutorials
|
||||
</span>
|
||||
</a>
|
||||
<a class="button" href="https://git.k4li.de/pika/" rel="noopener" title="GiTea">
|
||||
<span class="button-inner">
|
||||
GiTea
|
||||
<svg fill="none" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round"
|
||||
stroke-linejoin="round" stroke-width="2.5" viewBox="0 0 24 24" height="14" width="14">
|
||||
<path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"></path>
|
||||
<path d="M15 3h6v6"></path>
|
||||
<path d="M10 14L21 3"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<article class="post-entry">
|
||||
<header class="entry-header">
|
||||
<h2 class="entry-hint-parent">A challange will get you going fast
|
||||
</h2>
|
||||
</header>
|
||||
<div class="entry-content">
|
||||
<p>A Challenge Will Get You Going A few days ago, I embarked on a new adventure: writing my first blog entry. I didn’t really know what I was doing, and to be honest, that hasn’t changed much! 😊 However, I am amazed at how straightforward and enjoyable it is to learn website development with the Hugo framework. As I mentioned before, one of my goals was to create a website for a client....</p>
|
||||
</div>
|
||||
<footer class="entry-footer"><span title='2024-06-20 23:15:44 +0200 CEST'>June 20, 2024</span> · 2 min · 401 words</footer>
|
||||
<a class="entry-link" aria-label="post link to A challange will get you going fast" href="https://blog.k4li.me/blog/2024/2/"></a>
|
||||
</article>
|
||||
|
||||
<article class="post-entry">
|
||||
<header class="entry-header">
|
||||
<h2 class="entry-hint-parent">About me and why I do this
|
||||
</h2>
|
||||
</header>
|
||||
<div class="entry-content">
|
||||
<p>whoami tl;dr pika aka. Alexander Pieck IT Sysadmin IT started as a hobby Homelab Enthusiast Never wanted to code… but now I might be coding… Welcome to my newly created blog! I’m not sure how good this is going to be, but I’ll try to make it as beautiful and interesting as possible.
|
||||
My name is Alexander Pieck, and even though I’m in the IT business, I’m usually the kind of sysadmin who runs the servers and hardware and gets blamed for slow internet speeds and bad password policies (spoiler: I also hate changing my password every 180 days)....</p>
|
||||
</div>
|
||||
<footer class="entry-footer"><span title='2024-06-20 19:49:35 +0200 CEST'>June 20, 2024</span> · 3 min · 527 words</footer>
|
||||
<a class="entry-link" aria-label="post link to About me and why I do this" href="https://blog.k4li.me/blog/2024/1/"></a>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue