feat: Reworked project layout to use liquid + components
All checks were successful
Deploy Blog to Folder / deploy (push) Successful in 3s
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
This commit is contained in:
46
src/_includes/components/footer.liquid
Normal file
46
src/_includes/components/footer.liquid
Normal file
@ -0,0 +1,46 @@
|
||||
<div class="container">
|
||||
<div>
|
||||
<h3>Cyper Catalog</h3>
|
||||
<div class="footer-links">
|
||||
<div>
|
||||
<h4>Websites</h4>
|
||||
<ul>
|
||||
{%- for site in metadata.author.sites -%}
|
||||
<li>
|
||||
<a href="{{ site.url }}">
|
||||
<ion-icon name="{{ site.icon }}"></ion-icon>
|
||||
<span>{{ site.name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{%- endfor -%}
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Consumables</h4>
|
||||
<ul>
|
||||
{%- for item in metadata.author.consumables -%}
|
||||
<li>
|
||||
<a href="{{ item.url }}">
|
||||
<ion-icon name="{{ item.icon }}"></ion-icon>
|
||||
<span>{{ item.name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{%- endfor -%}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3>{{ metadata.title }}</h3>
|
||||
<p>by {{ metadata.author.name }}</p>
|
||||
<h4>Connect with me!</h4>
|
||||
|
||||
<div class="footer-socials">
|
||||
{%- for social in metadata.author.socials -%}
|
||||
<a href="{{ social.url }}" target="_blank" rel="noopener noreferrer">
|
||||
<ion-icon name="{{ social.icon }}"></ion-icon>
|
||||
</a>
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user