ourworld_web/www_ourworld_tf
21
0
Fork 0
Code Issues 3 Pull Requests 2 Actions Packages Projects Releases 1 Wiki Activity

ourverse website first draft

Browse Source
This commit is contained in:
timurgordon
2022-04-05 02:03:23 +03:00
parent b183272c96
commit 3a719e9f20
74 changed files with 3709 additions and 2517 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
templates/_default/base.html
View File

@@ -7,10 +7,8 @@
<body>
<div id="content" class="p-8 pt-12 sm:p-12 md:p-16 lg:p-20">
{% block content %}{% endblock %}
</div>
<div class="p-8">
{% include "partials/footer.html" %}
{% block content %}{% endblock %}
</div>
</body>
</html>

6
templates/partials/header.html
View File

@@ -93,7 +93,7 @@
<div class="mx-auto flex z-50 shadow justify-between items-center px-6 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
<div>
<a href="/" class="flex">
<img class="w-20 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="Ourworld Logo" />
<img class="w-32 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="Ourworld Logo" />
</a>
</div>
<div class="-mr-2 -my-2 lg:hidden">
@@ -208,8 +208,8 @@
{% set section = get_section(path="footer/_index.md")%}
{%- set logoPath = section.extra.logoPath %}
<div class="mx-8 mt-8">
<div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
<img class="w-32 h-auto" src="{{logoPath}}" alt="Company name" />
<div class="space-y-8 lg:max-w-lg xl:max-w-lg lg:mr-8 lg:mb-8 xl:col-span-1">
<img class="w-48 h-auto" src="{{logoPath}}" alt="Company name" />
<p class="text-gray-500 text-base leading-6 ">
{{section.description}}
</p>

90
templates/shortcodes/row.html
View File

@@ -10,7 +10,7 @@ Parameters:
-->
{% set columns = body | safe | markdown | split(pat="|||") %}
{% set row_class = "relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row md:py-2 lg:py-2"%}
{% set row_class = "relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 md:flex md:flex-row md:py-4 lg:py-8"%}
<!-- aligns columns depending on col number-->
{% if 2 < columns | length %}
@@ -24,67 +24,87 @@ Parameters:
{% if style %}
{% if "center" in style %}
{% set row_class = row_class ~ " text-center mx-auto justify-center" %}
{% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
{% set row_class = row_class ~ " text-center items-center mx-auto justify-center " %}
{% set col_class = col_class ~ " flex-1 " %}
{% endif %}
<!-- makes row full screen width, strips margins -->
{% if "lean" in style %}
{% set row_class = "relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" %}
{% set col_class = "flex-1 m-4 lg:m-0" %}
{% if "lean-left" in style %}
{% set col_class = col_class ~ "flex-1 lg:m-0 " %}
{% set row_class = row_class ~ " lg:mr-20 " %}
{% elif "lean-right" in style %}
{% set col_class = col_class ~ "flex-1 lg:m-0 " %}
{% set row_class = row_class ~ " lg:ml-20 " %}
{% else %}
{% set col_class = col_class ~ "flex-1 m-4 lg:m-0 " %}
{% endif %}
{% else %}
{% set row_class = row_class ~ " mx-8 " %}
{% endif %}
<!-- makes row semi-full screen width, strips margins -->
{% if "between" in style %}
{% set row_class = row_class ~ " lg:max-w-6xl" %}
{% set row_class = row_class ~ " lg:max-w-6xl " %}
{% elif "moderate" in style %}
{% set row_class = row_class ~ " lg:m-20" %}
{% set row_class = row_class ~ " lg:m-20 " %}
{% endif %}
<!-- makes row full screen width, strips margins -->
{% if "narrow" in style %}
{% set row_class = row_class ~ " lg:max-w-3xl" %}
{% set row_class = row_class ~ " lg:max-w-3xl " %}
{% elif "tight" in style %}
{% set row_class = row_class ~ " lg:max-w-sm " %}
{% elif "moderate" in style %}
{% set row_class = row_class ~ " lg:m-20" %}
{% set row_class = row_class ~ " lg:m-20 " %}
{% endif %}
{% if "invert-color" in style %}
{% set row_class = row_class ~ " text-white " %}
{% endif %}
{% else %}
{% set row_class = row_class ~ " mx-12 " %}
{% endif %}
{% set anchor_link = ""%}
{% if anchor %}
{% set anchor_link = anchor %}
{% endif %}
<!-- makes row full screen width and adds background img -->
{% set styles = "" %}
{% if bgPath %}
{% set styles = "background: url('" ~ bgPath ~ "'); background-size: cover" %}
{% set row_class = row_class ~ "w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20 lg:py-40 p-8 sm:p-12 md:p-16 lg:p-20" %}
{% endif %}
{% if bgColor %}
{% set styles = "background-color: " ~ bgColor ~ "; background-size: cover" %}
{% set row_class = row_class ~ "w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20 lg:py-20 p-8 sm:p-12 md:p-16 lg:p-20" %}
{% endif %}
<div id="{{anchor_link}}" class="w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20 justify-center flex" style="{{styles}}">
<div class="{{row_class}}">
{% for column in columns%}
<div class="{{row_class}}" style="{{styles}}">
{% for column in columns%}
<!-- Hides empty columns if displayed vertically in small screen -->
{% if column | as_str | length < 10 %}
<div class="hidden md:block flex-1 md:mb-0 md:mx-8 sm:flex-1">
{{ column | safe }}
</div>
{% else %}
<div class="{{col_class}}">
<!-- handles mermaid markdown content display -->
{% if "{% mermaid() %}" in column %}
{% set mermaid_section = column | safe | markdown | split(pat="{% mermaid() %}") %}
{% set mermaid_content = mermaid_section[1] | striptags | replace(from="–", to="--")%}
<div class="mermaid">
{{mermaid_content | safe }}
</div>
{% else %}
<!-- Hides empty columns if displayed vertically in small screen -->
{% if column | as_str | length < 10 %}
<div class="hidden md:block flex-1 md:mb-0 md:mx-8 sm:flex-1">
{{ column | safe }}
{% endif %}
</div>
{% endif %}
{% endfor %}
</div>
{% else %}
<div class="{{col_class}}">
<!-- handles mermaid markdown content display -->
{% if "{% mermaid() %}" in column %}
{% set mermaid_section = column | safe | markdown | split(pat="{% mermaid() %}") %}
{% set mermaid_content = mermaid_section[1] | striptags | replace(from="–", to="--")%}
<div class="mermaid">
{{mermaid_content | safe }}
</div>
{% else %}
{{ column | safe }}
{% endif %}
</div>
{% endif %}
{% endfor %}
</div>
</div>

1
templates/shortcodes/space.html Normal file
View File

@@ -0,0 +1 @@
<div class="h-60"></div>