Cyper
beb83a9849
All checks were successful
Deploy Blog to Folder / deploy (push) Successful in 3s
Made project make heavier use of component-based rendering and broke parts of layout into separate files for making future layout files easier and less redundant
60 lines
2.5 KiB
HTML
60 lines
2.5 KiB
HTML
---
|
|
layout: layout.liquid
|
|
---
|
|
|
|
<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-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>
|
|
<div>
|
|
<div class="container featured">
|
|
<h1>Featured Posts</h1>
|
|
<div>
|
|
<div>
|
|
<img src="https://dummyimage.com/1280x720/fff/aaa" alt="Featured Post Image" />
|
|
</div>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="container about">
|
|
<h1>The Skinny</h1>
|
|
<div>
|
|
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ut dolore, architecto voluptates eaque minima doloremque aperiam quaerat quidem veniam animi earum debitis suscipit cum quod sint laudantium, dolores tempore aut. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ut dolore, architecto voluptates eaque minima doloremque aperiam quaerat quidem veniam animi earum debitis suscipit cum quod sint laudantium, dolores tempore aut.</p>
|
|
<br>
|
|
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ut dolore, architecto voluptates eaque minima doloremque aperiam quaerat quidem veniam animi earum debitis suscipit cum quod sint laudantium, dolores tempore aut.</p>
|
|
</div>
|
|
</div>
|
|
</div> |