Sveskejuice
/
deprived-main-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Started overhaul of website. Currently still in progress

This commit is contained in:
BOTAlex 2024-10-09 11:48:06 +02:00
parent 04202dd936
commit ec1ff4ad57
1 changed files with 21 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/routes/+page.svelte
View File

@ -19,50 +19,31 @@
<MediaQuery query='(max-width: {mobileThreshold})' bind:matches={mobile} />
<div class="main-title">
<h1>The Deprived Devs</h1>
<h1>Deprived Devs</h1>
<div class="collapse collapse-arrow bg-base-200 text-start">
<input type="radio" name="my-accordion-2" checked/>
<div class="collapse-title text-xl font-medium "><b>Alex / Zhen</b></div>
<div class="collapse-content">
<p>Hello, I am Zhen Aka. Alex.</p>
<p>Here's my portfolio: <a href="/zhen/cv/rev1?hideOnPrint=1" style="color:lightblue;">pdf</a></p>
</div>
<!-- </div>
<div class="collapse collapse-arrow bg-base-200">
<input type="radio" name="my-accordion-2" />
<div class="collapse-title text-xl font-medium">Click to open this one and close others</div>
<div class="collapse-content">
<p>hello</p>
</div>
</div>
<div class="collapse collapse-arrow bg-base-200">
<input type="radio" name="my-accordion-2" />
<div class="collapse-title text-xl font-medium">Click to open this one and close others</div>
<div class="collapse-content">
<p>hello</p>
</div> -->
</div>
</div>
<section id="news-section">
<header id="news-header">
<h1>Recent News</h1>
</header>
<div class="news-container">
<!-- The newest blog post being showcased -->
<div class="showcase">
<ShowcaseNewsCard
thumbnail_url={most_recent_post.cover_img}
thumbnail_alt={most_recent_post.cover_alt}
post_url={most_recent_post.url}
title={most_recent_post.title}
summary={most_recent_post.summary}
creation_date={most_recent_post.creation_date}
/>
</div>
<div class="news-list">
{#each data.summaries.slice(1, post_show_count) as summary}
<NewsCard
thumbnail_url={summary.cover_img}
thumbnail_alt={summary.cover_alt}
post_url={summary.url}
title={summary.title}
summary={summary.summary}
creation_date={summary.creation_date}
/>
{/each}
</div>
</div>
<footer id="news-footer">
<div class="dummy"/>
<div id="more-posts">
<Button href="/posts" type={ButtonType.Primary}>
<span slot="content">More News</span>
</Button>
</div>
</footer>
</section>
<Timeline/>
<style>