samantha/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better desing

Browse Source
This commit is contained in:
samantha42
2026-05-29 23:24:57 +02:00
parent b57eec886a
commit 46c8f691ef
2 changed files with 192 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/index.html
+13 -14
View File
@@ -26,12 +26,11 @@
</div>
<!-- scroller: fills the viewport, scrolls inside -->
<div id="scroller" class="relative z-10 h-full flex justify-center overflow-y-auto">
<div class="text-black bg-white h-fit w-4xl flex font-light">
<aside id="sidebar" class="w-48 bg-white shrink-0 p-6 sticky top-0 self-start h-screen overflow-y-auto pt-20 hidden lg:block">
<div class=" text-black h-fit w-4xl flex font-light">
<aside id="sidebar" style="background: white;" class="w-48 bg-white dark:bg-gray-900 z-50 shrink-0 p-6 sticky top-0 self-start h-screen overflow-y-auto pt-20 hidden lg:block">
<div class="mb-6">
<img src="/static/icons/half-moon.svg" id="btn-dark" class="block dark:hidden cursor-pointer">
<img src="/static/icons/sun-light.svg" id="btn-light" class="hidden dark:block cursor-pointer">
<img src="/static/icons/sun-light.svg" id="btn-light" class="hidden dark:block cursor-pointer">
</div>
<div class="mb-6">
<p class="text-xs uppercase tracking-widest text-gray-800 mb-2">navigate</p>
@@ -45,8 +44,8 @@
</div>
</div>
<div class="mb-6 ">
<p class="text-xs uppercase tracking-widest text-gray-400 mb-2">skills</p>
<div class="flex flex-col gap-1 text-sm">
<p class="text-xs uppercase tracking-widest text-gray-800 mb-2">skills</p>
<div class="flex flex-col gap-1 text-xs text-gray-500 text-sm">
<div>| Excel</div>
<div>| Python</div>
<div>| SQL</div>
@@ -55,18 +54,18 @@
</div>
</div>
<div class="mb-6">
<p class="text-xs uppercase tracking-widest text-gray-400 mb-2">location</p>
<p class="text-xs uppercase tracking-widest text-gray-800 mb-2">location</p>
<div class="text-xs text-gray-500 font-mono">Denmark<br>Aalborg Øst, 9220</div>
</div>
<div class="mb-6">
<p class="text-xs uppercase tracking-widest text-gray-400 mb-2">languages</p>
<div class="flex gap-2 text-xs">
<span class="border px-2 py-0.5">Danish</span>
<span class="border px-2 py-0.5">English</span>
<p class="text-xs uppercase tracking-widest text-gray-800 mb-2">languages</p>
<div class="flex gap-2 text-xs text-gray-500">
<span class="border px-2 py-0.5 border border-blue-600 text-blue-600 rounded-sm">Danish</span>
<span class="border px-2 py-0.5 border border-blue-600 text-blue-600 rounded-sm">English</span>
</div>
</div>
</aside>
<div class="bg-zinc-50 pt-20 " id="resume" >
<div class="pt-20 bg-zinc-50/95 " id="resume">
<section class="flex-1 pl-10 pr-6 ">
<div id="about" class="mb-12">
<p class="text-xs uppercase tracking-widest text-gray-400 mb-2">About Me · 2026</p>
@@ -215,7 +214,7 @@
<div class="border-2 border-gray-200 rounded-md p-6 mb-4 hover:border-pink-400" onclick="window.location.href='/static/pdf/mstr.pdf'">
<div class="flex justify-between mb-2">
<span class="font-medium">MSTR: Strategy</span>
<span class="text-red-500 text-sm">Sell</span>
<span class="text-xs border border-red-600 text-red-600 rounded-sm px-2 py-0.5 self-start"> Sell </span>
</div>
<p class="text-sm text-gray-600 leading-relaxed">The company only owns btc by issuing debt and preferred stock offering.<br>
The company is a ponzi scheme at its best.</p>
@@ -224,7 +223,7 @@
<div class="border-2 border-gray-200 rounded-md p-6 mb-4 hover:border-pink-400" onclick="window.location.href='/static/pdf/mstr.pdf'">
<div class="flex justify-between mb-2">
<span class="font-medium">Novo.B/NVO: Novo Nordisk A/S</span>
<span class="text-green-600 text-sm">Buy</span>
<span class="text-xs border border-green-600 text-green-600 rounded-sm px-2 py-0.5 self-start">Buy</span>
</div>
<p class="text-sm text-gray-600 leading-relaxed">The product sales of weight loss drugs are high class, pipeline is undervalued.<br>
Pipeline and wegovy pill is not recognised correctly as high focus on expiration of current sold product. High pessimistic view of pipeline.</p>