initial commit
This commit is contained in:
timurgordon
11
templates/_default/base.html
Normal file
11
templates/_default/base.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
{% include "partials/head.html" %}
|
||||
<body>
|
||||
{% include "partials/header.html" %}
|
||||
<div id="content">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
{% include "partials/footer.html" %}
|
||||
</body>
|
||||
</html>
|
||||
14
templates/blog/blog.html
Normal file
14
templates/blog/blog.html
Normal file
@@ -0,0 +1,14 @@
|
||||
{% extends "_default/base.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<main class="pt-16">
|
||||
{%- set section = get_section(path="blog/featured/_index.md") %}
|
||||
{% include "partials/featuredBlog.html" %}
|
||||
|
||||
<div class="flex">
|
||||
{% include "partials/blogPosts.html" %}
|
||||
{% include "partials/blogSidebar.html" %}
|
||||
|
||||
</div>
|
||||
</main> {% endblock content %}
|
||||
61
templates/blog/list.html
Normal file
61
templates/blog/list.html
Normal file
@@ -0,0 +1,61 @@
|
||||
|
||||
{% block content %}
|
||||
<div class="font-sans text-center px-10 w-full md:w-2/3 lg:w-1/2 mx-auto">
|
||||
<h1 class="tracking-tight pt-12 lg:pt-24 2xl:pt-32 text-5xl">{{ section.title }}</h1>
|
||||
<div class="post-line"></div>
|
||||
<div>
|
||||
<p class="text-center text-sm mt-2 mb-2">
|
||||
{% if paginator.previous %}
|
||||
<a class="border-transparent" aria-label="First page" href="{{ paginator.first }}">{% include "partials/svgPrevPageIcon.html" %}{% include "partials/svgPrevPageIcon.html" %}</a>
|
||||
|
||||
<a class="border-transparent" aria-label="Previous page" href="{{ paginator.previous }}">{% include "partials/svgPrevPageIcon.html" %}</a>
|
||||
|
||||
|
||||
{% else %}
|
||||
{% include "partials/svgFirstPageIcon.html" %}{% include "partials/svgFirstPageIcon.html" %}
|
||||
|
||||
{% include "partials/svgFirstPageIcon.html" %}
|
||||
|
||||
|
||||
{% endif %}
|
||||
{% if paginator.next %}
|
||||
<a class="border-transparent" aria-label="Next page" href="{{ paginator.next }}">{% include "partials/svgNextPageIcon.html" %}</a>
|
||||
|
||||
<a class="border-transparent" aria-label="Last page" href="{{ paginator.last }}">{% include "partials/svgNextPageIcon.html" %}{% include "partials/svgNextPageIcon.html" %}</a>
|
||||
{% else %}
|
||||
{% include "partials/svgLastPageIcon.html" %}
|
||||
|
||||
{% include "partials/svgLastPageIcon.html" %}{% include "partials/svgLastPageIcon.html" %}
|
||||
{% endif %}
|
||||
</p>
|
||||
<hr class="mt-2 mb-6" />
|
||||
{%- for post in paginator.pages %}
|
||||
{% include "partials/postCard.html" %}
|
||||
{%- endfor %}
|
||||
<hr class="mt-6" />
|
||||
<p class="text-center text-sm mt-2 mb-16">
|
||||
{% if paginator.previous %}
|
||||
<a class="border-transparent" aria-label="First page" href="{{ paginator.first }}">{% include "partials/svgPrevPageIcon.html" %}{% include "partials/svgPrevPageIcon.html" %}</a>
|
||||
|
||||
<a class="border-transparent" aria-label="Previous page" href="{{ paginator.previous }}">{% include "partials/svgPrevPageIcon.html" %}</a>
|
||||
|
||||
|
||||
{% else %}
|
||||
{% include "partials/svgFirstPageIcon.html" %}{% include "partials/svgFirstPageIcon.html" %}
|
||||
|
||||
{% include "partials/svgFirstPageIcon.html" %}
|
||||
|
||||
|
||||
{% endif %}
|
||||
{% if paginator.next %}
|
||||
<a class="border-transparent" aria-label="Next page" href="{{ paginator.next }}">{% include "partials/svgNextPageIcon.html" %}</a>
|
||||
|
||||
<a class="border-transparent" aria-label="Last page" href="{{ paginator.last }}">{% include "partials/svgNextPageIcon.html" %}{% include "partials/svgNextPageIcon.html" %}</a>
|
||||
{% else %}
|
||||
{% include "partials/svgLastPageIcon.html" %}
|
||||
|
||||
{% include "partials/svgLastPageIcon.html" %}{% include "partials/svgLastPageIcon.html" %}
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
</div> {% endblock content %}
|
||||
30
templates/blog/page.html
Normal file
30
templates/blog/page.html
Normal file
@@ -0,0 +1,30 @@
|
||||
{% extends "_default/base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<img src="processed_images/threefold_img2.png" alt="">
|
||||
<div class="sm:w-5/6 md:w-4/5 xl:w-1/2 mt-10 mr-auto ml-auto px-6 lg:px-16">
|
||||
<article class="article">
|
||||
<div class="border-blue-700 dark:border-white mx-auto my-auto w-4/5 border-solid border-b-4"></div>
|
||||
{{ page.content | safe }}
|
||||
</article>
|
||||
</div>
|
||||
{% if page.earlier or page.later %}
|
||||
<div class="font-sans w-full px-8 md:px-0 bg-blue-700 align-middle mt-10 mb-10">
|
||||
<h3 class="text-center text-3xl tracking-normal mb-2 pt-2"><a href="/posts" class="border-transparent text-blue-100 hover:text-white">Other posts</a></h3>
|
||||
{% if page.later %}
|
||||
<p class="text-center mt-2 mb-0 text-xl text-white leading-tight tracking-tight">
|
||||
<strong>Next</strong>:
|
||||
<a class="border-transparent text-blue-100 hover:text-white hover:border-blue-100" href="{{ page.later.permalink }}">{{ page.later.title }}</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
{% if page.earlier %}
|
||||
<p class="text-center pb-4 mt-2 text-xl text-white leading-tight tracking-tight">
|
||||
<strong>Previous</strong>:
|
||||
<a class="border-transparent text-blue-100 hover:text-white hover:border-blue-100" href="{{ page.earlier.permalink }}">{{ page.earlier.title}}</a>
|
||||
</p>
|
||||
{% else %}
|
||||
<span class="text-xs"> </span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endblock content %}
|
||||
31
templates/index.html
Normal file
31
templates/index.html
Normal file
@@ -0,0 +1,31 @@
|
||||
{% extends "_default/base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<main class="pt-16">
|
||||
|
||||
<!-- Landing page banner -->
|
||||
{% include "partials/splitRow.html" %}
|
||||
|
||||
<!-- Landing page vertical image -->
|
||||
<img src="processed_images/threefold_img2.png" alt="">
|
||||
|
||||
{%- set section = get_section(path="about/community/_index.md") %}
|
||||
<br/>
|
||||
<!-- Landing page banner -->
|
||||
{% include "partials/splitRow.html" %}
|
||||
{%- set section = get_section(path="about/sustainability/_index.md") %}
|
||||
|
||||
<br/>
|
||||
<!-- Landing page banner -->
|
||||
{% include "partials/splitRow.html" %}
|
||||
{%- set section = get_section(path="about/creators/_index.md") %}
|
||||
|
||||
<br/>
|
||||
<!-- Landing page banner -->
|
||||
{% include "partials/splitRow.html" %}
|
||||
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
{% endblock content %}
|
||||
13
templates/list.html
Normal file
13
templates/list.html
Normal file
@@ -0,0 +1,13 @@
|
||||
{% extends "_default/base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<h1 class="title">
|
||||
{{ section.title }}
|
||||
</h1>
|
||||
<ul>
|
||||
{% for page in section.pages %}
|
||||
<li>{{ page.date | date(format="%B %e, %Y", timezone="America/Chicago") }} • <a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<p>This comes from /templates/_default/list.html.</p>
|
||||
{% endblock content %}
|
||||
20
templates/page.html
Normal file
20
templates/page.html
Normal file
@@ -0,0 +1,20 @@
|
||||
{% extends "_default/base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="sm:w-5/6 md:w-4/5 mr-auto ml-auto px-6 lg:px-16 xl:w-11/12">
|
||||
<img src="/processed_images/threefold_blog.png" alt="">
|
||||
<div>
|
||||
<article class="article lg:w-7/12 mx-auto">
|
||||
<h1 class="tracking-tight pt-12 lg:pt-12 2xl:pt-32 text-5xl text-left
|
||||
text-5xl fw-500 leading-snug font-normal mb-10">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
<h4 class="text-sm not-italic font-light leading-6 text-gray-600">
|
||||
</h4>
|
||||
|
||||
{{ page.content | safe }}
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
40
templates/partials/blogPosts.html
Normal file
40
templates/partials/blogPosts.html
Normal file
@@ -0,0 +1,40 @@
|
||||
|
||||
<div class="font-sans text-center px-0 w-full md:w-2/3 lg:w-2/3 mx-auto">
|
||||
<h1 class="tracking-tight pt-12 lg:pt-24 2xl:pt-32 text-5xl text-left
|
||||
text-5xl fw-500 leading-snug font-normal mb-10">The Latest from ThreeFold
|
||||
</h1>
|
||||
<div>
|
||||
|
||||
<div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
|
||||
{%- for post in paginator.pages %}
|
||||
{% include "partials/postCard.html" %}
|
||||
|
||||
{%- endfor %}
|
||||
</div>
|
||||
<hr class="mt-6" />
|
||||
<p class="text-center text-sm mt-2 mb-16">
|
||||
{% if paginator.previous %}
|
||||
<a class="border-transparent" aria-label="First page" href="{{ paginator.first }}">{% include "partials/svgPrevPageIcon.html" %}{% include "partials/svgPrevPageIcon.html" %}</a>
|
||||
|
||||
<a class="border-transparent" aria-label="Previous page" href="{{ paginator.previous }}">{% include "partials/svgPrevPageIcon.html" %}</a>
|
||||
|
||||
|
||||
{% else %}
|
||||
{% include "partials/svgFirstPageIcon.html" %}{% include "partials/svgFirstPageIcon.html" %}
|
||||
|
||||
{% include "partials/svgFirstPageIcon.html" %}
|
||||
|
||||
|
||||
{% endif %}
|
||||
{% if paginator.next %}
|
||||
<a class="border-transparent" aria-label="Next page" href="{{ paginator.next }}">{% include "partials/svgNextPageIcon.html" %}</a>
|
||||
|
||||
<a class="border-transparent" aria-label="Last page" href="{{ paginator.last }}">{% include "partials/svgNextPageIcon.html" %}{% include "partials/svgNextPageIcon.html" %}</a>
|
||||
{% else %}
|
||||
{% include "partials/svgLastPageIcon.html" %}
|
||||
|
||||
{% include "partials/svgLastPageIcon.html" %}{% include "partials/svgLastPageIcon.html" %}
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
18
templates/partials/blogSidebar.html
Normal file
18
templates/partials/blogSidebar.html
Normal file
@@ -0,0 +1,18 @@
|
||||
|
||||
<div clas="flex flex-col">
|
||||
<div class="lg:pt-24 flex flex-col mb-12 mr-24">
|
||||
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FILTER POSTS BY</h4>
|
||||
<a class="mb-3" href="">All</a>
|
||||
<a class="mb-3" href="">Engineering</a>
|
||||
<a class="mb-3" href="">Community</a>
|
||||
<a class="mb-3" href="">Use Cases</a>
|
||||
</div>
|
||||
|
||||
<div class="lg:pt-6 flex flex-col mb-12 w-64 mr-24">
|
||||
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> POPULAR POSTS</h4>
|
||||
<a class="mb-3 text-blue-700" href="">NEAR Launches Nightshade Sharding, Paving the Way for Mass Adoption</a>
|
||||
<a class="mb-3" href="">Engineering</a>
|
||||
<a class="mb-3" href="">Community</a>
|
||||
<a class="mb-3" href="">Use Cases</a>
|
||||
</div>
|
||||
</div>
|
||||
24
templates/partials/featuredBlog.html
Normal file
24
templates/partials/featuredBlog.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<body>
|
||||
|
||||
<div class="relative mt-12 lg:mt-16 lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">
|
||||
<div class="relative mx-24">
|
||||
<h3 class="text-base not-italic leading-6 text-gray-600">FEATURED POST</h3>
|
||||
<h1 class="text-5xl fw-500 leading-snug font-normal mb-10">
|
||||
{{ section.title }}
|
||||
|
||||
</h1>
|
||||
<h4 class="text-sm not-italic font-light leading-6 text-gray-600">
|
||||
{{ section.extra.date | date(format="%B %e, %Y", timezone="America/Chicago")}} -
|
||||
{{ section.extra.author }}
|
||||
</h4>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mt-10 -mx-4 relative lg:mt-0 max-w-full">
|
||||
<img class="relative mx-auto max-w-full max-h-80" src={{section.extra.imgPath}} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
171
templates/partials/footer.html
Normal file
171
templates/partials/footer.html
Normal file
@@ -0,0 +1,171 @@
|
||||
<!--
|
||||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||||
Read the documentation to get started: https://tailwindui.com/documentation
|
||||
--><html>
|
||||
<head /><body>
|
||||
<footer class="bg-white">
|
||||
<div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
|
||||
<div class="xl:grid xl:grid-cols-3 xl:gap-8">
|
||||
<div class="space-y-8 xl:col-span-1">
|
||||
<img class="h-10" src="https://tailwindui.com/img/logos/v1/workflow-mark-gray-300.svg" alt="Company name" />
|
||||
<p class="text-gray-500 text-base leading-6">
|
||||
Making the world a better place through constructing elegant hierarchies.
|
||||
</p>
|
||||
<div class="flex space-x-6">
|
||||
<a href="#" class="text-gray-400 hover:text-gray-500">
|
||||
<span class="sr-only">Facebook</span>
|
||||
<svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="text-gray-400 hover:text-gray-500">
|
||||
<span class="sr-only">Instagram</span>
|
||||
<svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="text-gray-400 hover:text-gray-500">
|
||||
<span class="sr-only">Twitter</span>
|
||||
<svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="text-gray-400 hover:text-gray-500">
|
||||
<span class="sr-only">GitHub</span>
|
||||
<svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="text-gray-400 hover:text-gray-500">
|
||||
<span class="sr-only">Dribbble</span>
|
||||
<svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2">
|
||||
<div class="md:grid md:grid-cols-2 md:gap-8">
|
||||
<div>
|
||||
<h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase">
|
||||
Solutions
|
||||
</h4>
|
||||
<ul class="mt-4 space-y-4">
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Marketing
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Analytics
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Commerce
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Insights
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mt-12 md:mt-0">
|
||||
<h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase">
|
||||
Support
|
||||
</h4>
|
||||
<ul class="mt-4 space-y-4">
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Pricing
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Documentation
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Guides
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
API Status
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:grid md:grid-cols-2 md:gap-8">
|
||||
<div>
|
||||
<h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase">
|
||||
Company
|
||||
</h4>
|
||||
<ul class="mt-4 space-y-4">
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Jobs
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Press
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Partners
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mt-12 md:mt-0">
|
||||
<h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase">
|
||||
Legal
|
||||
</h4>
|
||||
<ul class="mt-4 space-y-4">
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Claim
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Privacy
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-base leading-6 text-gray-500 hover:text-gray-900">
|
||||
Terms
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-12 border-t border-gray-200 pt-8">
|
||||
<p class="text-base leading-6 text-gray-400 xl:text-center">
|
||||
© 2020 Workflow, Inc. All rights reserved.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
41
templates/partials/head.html
Normal file
41
templates/partials/head.html
Normal file
@@ -0,0 +1,41 @@
|
||||
{% set cloudiBase = 'https://res.cloudinary.com/brycewray-com/image/upload/' %}
|
||||
{% set xFmPart1 = 'f_auto,q_auto:eco,w_' %}
|
||||
{% set xFmPart2 = ',x_0,z_1/' %}
|
||||
{% set fallbackImg = 'typewriter-monochrome_2242164_6260x4374.jpg' %}
|
||||
{% set zolaVer = '0.13.0' %}
|
||||
|
||||
<head>
|
||||
<meta name="generator" content="Zola v.{{ zolaVer }} - getzola.org" />
|
||||
|
||||
{% block title %}
|
||||
{% if current_path == '/' %}
|
||||
<title>{{ config.title }}</title>
|
||||
<meta property="og:title" content="{{ config.title }}" />
|
||||
{% else %}
|
||||
<title>{% if section.title %}{{ section.title }} • {% endif %}{% if page.title %}{{ page.title }} • {% endif %}{{ config.title }}</title>
|
||||
<meta property="og:title" content="{% if section.title %}{{ section.title }} • {% endif %}{% if page.title %}{{ page.title }} • {% endif %}{{ config.title }}" />
|
||||
{% endif %}
|
||||
{% endblock title %}
|
||||
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- **** BEGINNING, favicons **** -->
|
||||
|
||||
<!-- generics -->
|
||||
|
||||
<!-- iOS -->
|
||||
|
||||
<!-- Android -->
|
||||
|
||||
<!-- Windows 8, IE 10 -->
|
||||
|
||||
<!-- Windows 8.1 and up, IE 11 -->
|
||||
|
||||
<!-- **** CONCLUSION, favicons **** -->
|
||||
|
||||
<!-- CSS/SCSS -->
|
||||
<link rel="stylesheet" href="{{ get_url(path="css/index.css", trailing_slash=false, cachebust=true) | safe }}" /> <style>@-moz-document url-prefix() {.lazy:-moz-loading {visibility:hidden;}}.ieOnly {display: none;}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.ieOnly {display: block;}}</style>
|
||||
|
||||
</head>
|
||||
23
templates/partials/header.html
Normal file
23
templates/partials/header.html
Normal file
@@ -0,0 +1,23 @@
|
||||
|
||||
<header class="flex m-0 items-center justify-between fixed bg-white w-full h-16">
|
||||
<nav class="text-black font-bold mt-2 pt-1 text-lg ml-4 md:ml-8 lg:ml-10 xb:ml-16 w-full">
|
||||
<a href="/" class="font-sans text-black active:text-gray-400 hover:text-gray-400" style="border: 0 !important; text-decoration: none !important;">OurWorld</a>
|
||||
</nav>
|
||||
<input type="checkbox" id="nav-toggle" class="nav-toggle" aria-hidden="true" />
|
||||
<label for="nav-toggle" class="nav__icon" aria-hidden="true">
|
||||
Expand the menu
|
||||
<span class="nav__icon-line"></span>
|
||||
<span class="nav__icon-line"></span>
|
||||
<span class="nav__icon-line"></span>
|
||||
</label>
|
||||
<nav role="navigation" class="nav h-16">
|
||||
<ul class="nav__items">
|
||||
<li class="nav__item">
|
||||
<a href="/about" class="text-black" title="About">About</a>
|
||||
</li>
|
||||
<li class="nav__item">
|
||||
<a href="/blog" class="text-black" title="Posts">Posts</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
0
templates/partials/navbar.html
Normal file
0
templates/partials/navbar.html
Normal file
49
templates/partials/postCard.html
Normal file
49
templates/partials/postCard.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="h-48 w-full object-cover" src={{post.extra.imgPath}} alt="" />
|
||||
</div>
|
||||
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
|
||||
<div class="flex-1">
|
||||
<p class="text-sm leading-5 font-medium text-indigo-600">
|
||||
<a href="#" class="hover:underline">
|
||||
Blog
|
||||
</a>
|
||||
</p>
|
||||
<a href={{ post.permalink }} class="block">
|
||||
<h3 class="mt-2 text-xl leading-7 font-semibold text-gray-900">
|
||||
{{ post.title }}
|
||||
</h3>
|
||||
{% if post.description %}
|
||||
<p class="mt-3 text-base leading-6 text-gray-500">
|
||||
{{ post.description }}
|
||||
</p>
|
||||
{% endif %}
|
||||
</a>
|
||||
</div>
|
||||
<div class="mt-6 flex items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#">
|
||||
<img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<p class="text-sm leading-5 font-medium text-gray-900">
|
||||
<a href="#" class="hover:underline">
|
||||
{{ post.extra.author }}
|
||||
</a>
|
||||
</p>
|
||||
<div class="flex text-sm leading-5 text-gray-500">
|
||||
<time datetime="2020-03-16">
|
||||
{{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
|
||||
</time>
|
||||
<span class="mx-1">
|
||||
·
|
||||
</span>
|
||||
<span>
|
||||
6 min read
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
20
templates/partials/splitRow.html
Normal file
20
templates/partials/splitRow.html
Normal file
@@ -0,0 +1,20 @@
|
||||
<body>
|
||||
|
||||
<div class="relative mt-12 lg:mt-24 lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center m-20">
|
||||
<div class="relative lg:w-11/12">
|
||||
<h1 class="text-5xl fw-500 font-normal mb-10">
|
||||
{{ section.title }}
|
||||
</h1>
|
||||
<p class="text-sm leading-6 text-gray-800">
|
||||
{{ section.description }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-10 -mx-4 relative lg:mt-0 max-w-full">
|
||||
<img class="relative mx-auto max-w-full max-h-80 mr-0" src={{section.extra.imgPath}} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
15
templates/partials/splitRow2.html
Normal file
15
templates/partials/splitRow2.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<body>
|
||||
|
||||
<div class="relative mt-12 lg:mt-24 lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center m-20">
|
||||
<div class="relative lg:w-11/12">
|
||||
{{ section.content | safe }}
|
||||
</div>
|
||||
|
||||
<div class="mt-10 -mx-4 relative lg:mt-0 max-w-full">
|
||||
<img class="relative mx-auto max-w-full max-h-80 mr-0" src={{section.extra.imgPath}} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
1
templates/partials/svgFirstPageIcon.html
Normal file
1
templates/partials/svgFirstPageIcon.html
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="12px" height="12px" class="inline" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1.22465e-16,-2,2,1.22465e-16,0,48)"><path d="M12,0L24,24L0,24L12,0Z" style="fill:rgb(128,128,128);"/></g></svg>
|
||||
|
After Width: | Height: | Size: 435 B |
1
templates/partials/svgLastPageIcon.html
Normal file
1
templates/partials/svgLastPageIcon.html
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="12px" height="12px" class="inline" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(-1.22465e-16,-2,-2,1.22465e-16,48,48)"><path d="M12,0L24,24L0,24L12,0Z" style="fill:rgb(128,128,128);"/></g></svg>
|
||||
|
After Width: | Height: | Size: 438 B |
1
templates/partials/svgNextPageIcon.html
Normal file
1
templates/partials/svgNextPageIcon.html
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="12px" height="12px" class="inline" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(-1.22465e-16,-2,-2,1.22465e-16,48,48)"><path d="M12,0L24,24L0,24L12,0Z" style="fill:rgb(0,170,255);"/></g></svg>
|
||||
|
After Width: | Height: | Size: 436 B |
1
templates/partials/svgPrevPageIcon.html
Normal file
1
templates/partials/svgPrevPageIcon.html
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="12px" height="12px" class="inline" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1.22465e-16,-2,2,1.22465e-16,0,48)"><path d="M12,0L24,24L0,24L12,0Z" style="fill:rgb(0,170,255);"/></g></svg>
|
||||
|
After Width: | Height: | Size: 433 B |
3
templates/shortcodes/blueBox.html
Normal file
3
templates/shortcodes/blueBox.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<div class="blueBox">
|
||||
{{ body | markdown | safe }}
|
||||
</div>
|
||||
3
templates/shortcodes/caption.html
Normal file
3
templates/shortcodes/caption.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<figcaption>
|
||||
{{ body | markdown | safe }}
|
||||
</figcaption>
|
||||
13
templates/shortcodes/imgRow.html
Normal file
13
templates/shortcodes/imgRow.html
Normal file
@@ -0,0 +1,13 @@
|
||||
|
||||
<div class="relative mt-12 lg:mt-24 lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">
|
||||
<div class="relative">
|
||||
{{body}}
|
||||
</div>
|
||||
|
||||
<div class="mt-10 -mx-4 relative lg:mt-0">
|
||||
<img src={{imgUrl}} alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
23
templates/shortcodes/imgc.html
Normal file
23
templates/shortcodes/imgc.html
Normal file
@@ -0,0 +1,23 @@
|
||||
{%- set respSizes = [600, 900, 1200, 1500] -%}
|
||||
{%- set initSrc = resize_image(path=path, width=600, op='fit_width') -%}
|
||||
<div class="img bg-black dark:bg-blue-800">
|
||||
<img
|
||||
class="lazy"
|
||||
aspect-ratio="{{ width }} / {{ height }}"
|
||||
sizes="(min-width: 1024px) 100vw, 50vw"
|
||||
src="{{ initSrc.url }}"
|
||||
srcset="
|
||||
{% for size in respSizes -%}
|
||||
{%- if size <= width -%}
|
||||
{%- set imgSrcset = resize_image(path=path, width=size, op='fit_width') -%}
|
||||
{{ imgSrcset.url }} {{ size }}w
|
||||
{%- if not loop.last -%}, {% endif -%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
"
|
||||
alt="{{ alt }}"
|
||||
width="{{ width }}"
|
||||
height="{{ height }}"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
3
templates/shortcodes/yellowBox.html
Normal file
3
templates/shortcodes/yellowBox.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<div class="yellowBox">
|
||||
{{ body | markdown | safe }}
|
||||
</div>
|
||||
Reference in New Issue
Block a user