Cyper/CyBySide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Progress sync to test on live
All checks were successful
Deploy Blog to Folder / deploy (push) Successful in 3s
Details

Browse Source
This commit is contained in:
Cyper
2025-07-11 01:50:05 -04:00
parent 0c2243ee32
commit 62c34b6fb4
3 changed files with 147 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/_includes/layout.html
View File

@ -7,6 +7,10 @@
<!-- TODO: Meta tags for embedding -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/home.css">
@ -34,28 +38,49 @@
</nav>
</header>
<main>
<div class="container flex-adaptive">
<div class="flex-1">
<h1>Welcome to <span class="color-teal">Cyper's Blog</span>!</h1>
<p>Where you can experience stories <span class="">side-by-side</span> with <span class="">Cyper</span></p>
<div>
<div class="container flex-adaptive">
<div class="flex-1 home-text">
<div>
<h1 class="color-teal">Cyper's Blog</h1>
<p>Where you can experience stories <span class="">side-by-side</span> with <span class="">Cyper</span></p>
</div>
</div>
<div class="flex-1 home-grid-container">
<div class="home-grid">
<div class="fill-background fill-teal border-round-1 border-round-tl border-round-bl"></div>
<div class="fill-background fill-black diamond"></div>
<div class="fill-background fill-brown border-round-2 border-round-tr"></div>
<div class="fill fill-tan">
<div>
{% squareSvg 10 %}
</div>
</div>
<div class="fill-background fill-lightblue border-round border-round-2"></div>
<div class="fill-background fill-brown border-round-2 border-round-br"></div>
<div class="fill-background fill-tan border-round-1 border-round-tl border-round-tr border-round-bl"></div>
<div class="fill fill-lightblue">
{% triangleSvg 12 %}
</div>
<div class="fill-background fill-tan border-round-2 border-round-tr"></div>
</div>
</div>
</div>
<div class="flex-1 home-grid-container">
<div class="home-grid">
<div class="fill-background fill-teal border-round-1 border-round-tl border-round-bl"></div>
<div class="fill-background fill-black diamond"></div>
<div class="fill-background fill-brown border-round-2 border-round-tr"></div>
<div class="fill fill-tan">
{% squareSvg 10 %}
</div>
<div>
<div class="container featured">
<h1>Featured Posts</h1>
<div>
<div>
<!-- image -->
</div>
<div class="fill-background fill-lightblue border-round border-round-2"></div>
<div class="fill-background fill-brown border-round-2 border-round-br"></div>
<div class="fill-background fill-tan border-round-1 border-round-tl border-round-tr border-round-bl"></div>
<div class="fill fill-lightblue">
{% triangleSvg 12 %}
<div>
<h2>Latest Post Title Goes Here</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias nisi dolorem velit facere ea? Fugit dolor libero dolorem laborum sapiente labore quidem eos, ratione deleniti. Hic sunt ea aspernatur iusto!</p>
<a href="#">Read more...</a>
</div>
<div class="fill-background fill-tan border-round-2 border-round-tr"></div>
</div>
</div>
</div>