Compare commits
5 Commits
developmen
...
developmen
| Author | SHA1 | Date | |
|---|---|---|---|
|
80afd33da3 | ||
|
|
a118aaf77a | ||
|
|
3821918f2d | ||
|
|
5eced6a110 | ||
|
|
c1c59439ee |
@ -1,8 +1,8 @@
|
||||
---
|
||||
title: "OurPhone"
|
||||
description: ""
|
||||
# date: 2018-09-14
|
||||
# updated: 2021-02-20
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
draft: false
|
||||
sort_by: weight
|
||||
weight: 1
|
||||
|
||||
@ -27,8 +27,7 @@ weight: 2
|
||||
|
||||
|
||||
|
||||
|
||||
<a href='https://forms.gle/G2qoLLDAsGLdjNgX6' target="_blank" ><button>Pre-Order</button></a>
|
||||
<button>[Pre-Order](https://forms.gle/G2qoLLDAsGLdjNgX6)</button>
|
||||
|
||||
Pre-order **OurPhone™** and become one of the firsts to unlock a secured digital future.
|
||||
|
||||
@ -36,8 +35,7 @@ Pre-order **OurPhone™** and become one of the firsts to unlock a secured d
|
||||
|
||||
|
||||
|
||||
|
||||
<a href='https://csnkyhwp8b4.typeform.com/to/SnfEE9pj' target="_blank" ><button>Buy 3Node</button></a>
|
||||
<button>[Buy 3Node](https://forms.gle/G2qoLLDAsGLdjNgX6)</button>
|
||||
|
||||
Become a **ThreeFold Farmer**, Buy ThreeFold's **3Node**, be the host for our sovereign Digital Life.
|
||||
|
||||
@ -45,11 +43,11 @@ Become a **ThreeFold Farmer**, Buy ThreeFold's **3Node**, be the host for our so
|
||||
|
||||
|
||||
|
||||
<a href='https://forms.gle/m49YwwCjMN9uiSG89' target="_blank" ><button>Invest</button></a>
|
||||
<button>[Invest](https://forms.gle/m49YwwCjMN9uiSG89)</button>
|
||||
|
||||
Learn more about how to purchase **Company** shares, and become a co-owner of **Our Venture Creator**.
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -8,8 +8,11 @@ extra:
|
||||
imgPath: ""
|
||||
---
|
||||
|
||||
|
||||
- [OURPHONE]("/")
|
||||
- [BUYNOW]("/buynow")
|
||||
- [SPECS]("/specs")
|
||||
- [INFO]("/blog")
|
||||
- [PRODUCTS]("/products")
|
||||
- [TECHNOLOGY]("/technology")
|
||||
- [BUY NOW]("/buynow")
|
||||
|
||||
- [PEOPLE]("https://www.threefold.io/people/")
|
||||
- [OURVERSE]("https://ourverse.tf/")
|
||||
|
||||
@ -1,139 +0,0 @@
|
||||
---
|
||||
title: "OurPhone"
|
||||
description: ""
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
draft: false
|
||||
weight: 1
|
||||
---
|
||||
<div class="container mx-auto">
|
||||
<!-- section 1 (header) -->
|
||||
|
||||
{% row(margin="withContainer" padding="bottom") %}
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
|
||||
|||
|
||||
|
||||
<br>
|
||||
|
||||
# Meet<br> OurPhone™
|
||||
|
||||
|
||||
Experience True Sovereignty at Your Fingertips <br>
|
||||
with the World’s First Truly Decentralized Smartphone.
|
||||
|
||||
<a href='https://docs.google.com/forms/d/e/1FAIpQLSecdYeQZnEZTCFaJDR0JUIdDqRcLLGwYQGZZf3e8h1rtmDTSg/viewform' target="_blank" ><button>Pre-order</button></a>
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 2 security -->
|
||||
|
||||
{% row(style="right" reverse="rightreserve" margin="withContainer" padding="top") %}
|
||||
|
||||
# Secure<br> Every Click
|
||||
|
||||
|
||||
The modern digital landscape is rife with privacy issues, as conventional phones and apps compromise the security and sovereignty of users' data.
|
||||
<br>
|
||||
|
||||
OurPhone presents itself as the future solution to the pervasive problem in today's digital landscape where phones and applications are constantly collecting information about the user, resulting in a loss of data sovereignty. This is an issue of growing concern, particularly for security-conscious organizations and individuals who recognize the urgent need for advanced data protection in the mobile communications arena.
|
||||
|
||||
<!-- <button>[Learn More](/technology)</button> -->
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 3 features title -->
|
||||
|
||||
{% row(style="center" margin="narrow" padding="") %}
|
||||
|
||||
# An Ultra-Secure Phone Solution
|
||||
|
||||
|
||||
A phone with cutting-edge security and privacy features combined with self-sovereign chat, video conferencing, personal cloud, private browser, social media and more.
|
||||
|
||||
<br>
|
||||
|
||||
OurPhone will offer an ultra-secure mobile device that ensures unmatched data protection. Powered by Graphene OS, a private and secure Android-compatible mobile operating system, and supported by ThreeFold's decentralized and self-sovereign cloud platform. This combination will allow OurPhone to enhance the security and privacy of every application.
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="narrow" padding="none") %}
|
||||
|
||||
|
||||
|
||||
### Quantum Safe Cloud Storage
|
||||
Ensures decentralized cloud storage, safeguarding data beyond current encryption standards.
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
### Mycelium Network
|
||||
Hosted on the ThreeFold's end-to-end encrypted network, designed to find the shortest path between peers and nodes to offer unparalleled security and privacy for user data .
|
||||
|
||||
|||
|
||||
|
||||
|
||||
### Edge Computing
|
||||
Powered by the latest edge cloud technology for unmatched application performance.
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" padding="bottom") %}
|
||||
|
||||
<button>[Discover Specs](/specs)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
<!-- section 5 apps -->
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="top") %}
|
||||
|
||||
# Powered by
|
||||
# ThreeFold
|
||||
|
||||
The world’s largest decentralized network by __ThreeFold__ allows every application<br> on the __OurPhone™__ to attain a level of security and privacy like never seen before.
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="bottom") %}
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<button>[Learn More](/technology)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
<!-- section 6 Buy -->
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="both") %}
|
||||
|
||||
# OurPhone™
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
### __A Truly Decentralized Smartphone__
|
||||
### __Like No Other__
|
||||
|
||||
|
||||
<a href='https://docs.google.com/forms/d/e/1FAIpQLSecdYeQZnEZTCFaJDR0JUIdDqRcLLGwYQGZZf3e8h1rtmDTSg/viewform' target="_blank" ><button>Pre-order</button></a>
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
167
content/home/ourphone.md
Normal file
167
content/home/ourphone.md
Normal file
@ -0,0 +1,167 @@
|
||||
---
|
||||
title: "OurPhone"
|
||||
description: ""
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
draft: false
|
||||
weight: 1
|
||||
---
|
||||
<div class="container mx-auto">
|
||||
<!-- section 1 (header) -->
|
||||
|
||||
{% row(margin="withContainer" padding="bottom") %}
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
|
||||
|||
|
||||
|
||||
<br>
|
||||
|
||||
# Meet<br> OurPhone™
|
||||
|
||||
|
||||
Experience True Sovereignty at Your Fingertips <br>
|
||||
with the World’s First Truly Decentralized Smartphone.
|
||||
|
||||
<button>[Learn More](/specs)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 2 security -->
|
||||
|
||||
{% row(style="right" reverse="rightreserve" margin="withContainer" padding="top") %}
|
||||
|
||||
# Secure<br> Every Click
|
||||
|
||||
|
||||
Every application of __OurPhone™__ is fully encrypted. <br>
|
||||
Have no concerns about your data being manipulated or stolen.
|
||||
|
||||
<button>[Learn More](/technology)</button>
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 3 features title -->
|
||||
|
||||
{% row(style="center" margin="narrow" padding="top") %}
|
||||
|
||||
# Decentralized Smartphone <br> Like No Other
|
||||
|
||||
|
||||
Discover many unique features of __OurPhone™__ that makes it <br>the ultimate decentralized smartphone like no other.
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="narrow" padding="none") %}
|
||||
|
||||
|
||||
|
||||
### 100% Data Ownership
|
||||
With __OurPhone™__, you are the sole owner of your data, will always be, not some giant tech companies.
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
### Quantum Safe Storage
|
||||
Enjoy decentralized cloud storage benefit that comes with every __OurPhone™__ Apps subscription.
|
||||
|
||||
|||
|
||||
|
||||
|
||||
### Introducing __OurVerse™__
|
||||
__OurApps™__: decentralized SuperApps powered by __OurPhone™__ are ready to meet our needs.
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="narrow" padding="bottom") %}
|
||||
|
||||
|
||||
### Decentralized Network Support
|
||||
__OurVerse™__ are hosted on the world's largest decentralized network. Join the movement.
|
||||
|
||||
|||
|
||||
|
||||
|
||||
### Edge Computing Speed
|
||||
Experience unparalleled usage speed with __OurVerse™__'s latest edge cloud technology.
|
||||
|
||||
|
||||
|||
|
||||
|
||||
|
||||
### Fully Encrypted Communication
|
||||
Any transfer of data is powered by __Planetary Network™__: a fully encrypted network technology.
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 5 apps -->
|
||||
|
||||
{% row(style="center" margin="narrow" padding="top") %}
|
||||
|
||||
# OurVerse™ <br> Our Limitless Possibilities
|
||||
|
||||
Unlock limitless capabilities with __OurVerse™__ SuperApps that meet our daily needs and protect our data sovereignty.
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="bottom") %}
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<button>[See Specs](/specs)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 5 apps -->
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="top") %}
|
||||
|
||||
# Powered by
|
||||
# ThreeFold
|
||||
|
||||
The world’s largest decentralized network by __ThreeFold__ allows every application<br> on the __OurApps™__ to attain a level of security and privacy like never seen before.
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="bottom") %}
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
<button>[Learn More](/technology)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
<!-- section 6 Buy -->
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="both") %}
|
||||
|
||||
# OurPhone™
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
### __A Truly Decentralized Smartphone__
|
||||
### __Like No Other__
|
||||
|
||||
|
||||
<button>[Buy Now](/buynow)</button>
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
@ -19,7 +19,7 @@ weight: 2
|
||||
|
||||
|||
|
||||
|
||||
# Meet OurPhone™
|
||||
# OurPhone™ Overview
|
||||
|
||||
- Based on Google Pixel 6a, 7 and 7 Pro (for our X, Y and A model)
|
||||
- Graphene OS (Google-less Android)
|
||||
@ -32,25 +32,47 @@ weight: 2
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 2 design -->
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="top") %}
|
||||
|
||||
# Decentralized SmartPhone,
|
||||
# Designed Smartly
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="none") %}
|
||||
|
||||
|
||||
|
||||
|
||||
Matte Enclosure Made from 100% Recycled Aluminum
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
Fast and Responsive Display with High Durability
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="bottom") %}
|
||||
|
||||
|
||||
|
||||
25% Brighter Outdoors, Even in Sunlight
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 3 models -->
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="top") %}
|
||||
|
||||
# OurPhone™ Models
|
||||
|
||||
<br />
|
||||
|
||||
OurPhone represents a significant advancement in smartphone technology, focusing on user sovereignty, data protection, and privacy. It will stand out in the market for its innovative features and its commitment to providing a decentralized, secure, and user-centric mobile experience.
|
||||
|
||||
Discover Possible OurPhone Models & Specs*
|
||||
|
||||
|
||||
<br />
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="bottom") %}
|
||||
@ -138,7 +160,60 @@ Discover Possible OurPhone Models & Specs*
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 4 technical -->
|
||||
|
||||
{% row(style="center" margin="narrow" padding="top") %}
|
||||
|
||||
# Technical Specs
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(margin="narrow" padding="bottom") %}
|
||||
|
||||
### __OurPhone<sup>X</sup>__
|
||||
<br>
|
||||
|
||||
###### - Screen: 6.71-inches 1440x3120 OLED, Corning Gorilla Glass
|
||||
###### - 2 SIM Cards
|
||||
###### - Operating system: Graphene OS
|
||||
###### - Processor: Google Tensor G2 (4 nm), Octa-core, (2x2.85 GHz Cortex-X1 & 2x2.35 GHz, Cortex-A76 & 4x1.80 GHz Cortex-A55)
|
||||
###### - Cameras: 50 MP wide, Laser Focus, Laser AF, OIS, 48 MP, f/3.5, 104mm
|
||||
###### - Battery: 4410 mAh
|
||||
###### - Storage: 256 GB, RAM: 12 GB
|
||||
###### - Weight: 178 g
|
||||
###### - Water resistance: IP67
|
||||
|
||||
|||
|
||||
|
||||
### __OurPhone<sup>Y</sup>__
|
||||
<br>
|
||||
|
||||
###### - Screen: 6.3-inches 1440x3120 OLED, Corning Gorilla Glass
|
||||
###### - 2 SIM Cards
|
||||
###### - Operating system: Graphene OS
|
||||
###### - Processor: Google Tensor G2 (4 nm), Octa-core (2x2.85 GHz Cortex-X1 & 2x2.35 GHz, Cortex-A76 & 4x1.80 GHz, Cortex-A55)
|
||||
###### - Cameras: 50 MP wide, Laser Focus, Laser AF, OIS, 48 MP, f/3.5, 104mm
|
||||
###### - Battery: 4410 mAh
|
||||
###### - Storage: 256 GB, RAM: 12 GB
|
||||
###### - Weight: 178 g
|
||||
###### - Water resistance: IP67
|
||||
|
||||
|||
|
||||
|
||||
### __OurPhone<sup>A</sup>__
|
||||
<br>
|
||||
|
||||
###### - Screen size: 6.1-inches 1080 x 2400 OLED
|
||||
###### - Resolution: FHD+, (1080 x 2400 pixels) OLED
|
||||
###### - Operating system: Android 12
|
||||
###### - Processor: Google Tensor
|
||||
###### - Cameras: 12.2 MP wide, 12 MP ultra-wide, 8MP selfie
|
||||
###### - Battery: 4410 mAh
|
||||
###### - Storage: 128 GB, RAM: 6 GB
|
||||
###### - Weight: 178 g
|
||||
###### - Water resistance: IP67
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 6 Buy -->
|
||||
|
||||
@ -154,9 +229,8 @@ Discover Possible OurPhone Models & Specs*
|
||||
### __Like No Other__
|
||||
|
||||
|
||||
|
||||
<a href='https://docs.google.com/forms/d/e/1FAIpQLSecdYeQZnEZTCFaJDR0JUIdDqRcLLGwYQGZZf3e8h1rtmDTSg/viewform' target="_blank" ><button>Pre-order</button></a>
|
||||
<button>[Buy Now](/buynow)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -9,10 +9,10 @@ weight: 2
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
<!-- section 1 -->
|
||||
<!-- section 1 (co-found) -->
|
||||
<br>
|
||||
|
||||
|
||||
{% row(style="center" margin="header" padding="none") %}
|
||||
{% row(style="center" margin="header" padding="top") %}
|
||||
|
||||
# Powered by ThreeFold
|
||||
|
||||
@ -20,15 +20,14 @@ weight: 2
|
||||
|
||||
|
||||
|
||||
OurPhone is powered by the latest edge cloud technology, ThreeFold, enabling unmatched application performance.
|
||||
<a href="https://library.threefold.me/info/threefold#/tfgrid/threefold__tfgrid_home" target="_blank"><ins>The world’s largest decentralized network </ins></a>by [**ThreeFold**](https://threefold.io/)<br>allows every application on the __OurApps™__ to attain a level of security and privacy like never seen before.
|
||||
|
||||
<a href='https://threefold.io/' target="_blank" ><button>Learn More</button></a>
|
||||
|
||||
<button>[Learn More](https://library.threefold.me/info/threefold/#/tfgrid/threefold__tfgrid_home)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
|
||||
<!-- section 2 -->
|
||||
<!-- section 2 (graphene) -->
|
||||
|
||||
{% row(style="left" margin="withContainer" padding="both") %}
|
||||
|
||||
@ -39,48 +38,45 @@ OurPhone is powered by the latest edge cloud technology, ThreeFold, enabling unm
|
||||
# Meet
|
||||
# Graphene OS™
|
||||
<a href="https://grapheneos.org/features" target="_blank"><ins>**Graphene OS**</ins></a>**™**
|
||||
improves the privacy and security of the OS from the bottom up. It deploys technologies to mitigate whole classes of vulnerabilities and make exploiting the most common sources of vulnerabilities substantially more difficult. It improves the security of both the OS and the apps running on it.
|
||||
is a private and secure Android-compatible mobile operating system.
|
||||
Gain a full control and access to your sovereign internet life.
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 2 (co-found) -->
|
||||
|
||||
{% row(style="right" reverse="rightreserve" margin="withContainer" padding="both") %}
|
||||
|
||||
|
||||
<!-- section 3 -->
|
||||
<a href="https://ourverse.tf/" target="_blank"><h1>OurVerse™</h1></a>
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="both") %}
|
||||
<a href="https://ourverse.tf/" target="_blank"><ins>**OurVerse**</ins></a>**™** is a secure and open-source digital world offering alternative SuperApps to centralized apps, develped by __OurWorld__ and __ThreeFold__ team.
|
||||
|
||||
|||
|
||||
|
||||
## The Quantum-Safe Storage System
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
**The Quantum-Safe Storage System** is a decentralized, globally distributed data storage system.
|
||||
The benefits are incredible: Up to 10x more efficient (power and usage of hardware). Super reliable, data can not be lost or corrupted. Safe, private and scalable. Sovereign, data is close to you in the country of your choice. Truly peer-to-peer, by everyone for everyone.
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 5 apps -->
|
||||
|
||||
|
||||
<!-- section 4 -->
|
||||
|
||||
{% row(style="left" margin="withContainer" padding="both") %}
|
||||
|
||||
|
||||
|
||||
|||
|
||||
|
||||
## Mycelium: A Quantum Safe Storage Network
|
||||
# ThreeFold's <br> Decentralized Internet
|
||||
|
||||
Mycelium is the culmination of a decade-long quest for a more efficient network system, enabling faster and more reliable communication between machines and people. With Mycelium, data travels the most efficient routes, leveraging any available internet connection, including peer-to-peer networks like mesh wireless. All traffic is end-to-end encrypted, effectively preventing man-in-the-middle attacks. Each machine or user is identified by a unique cryptographic key which is linked to your ThreeFold Internet Address, ensuring that only authorized participants can access the network.
|
||||
Learn about the magic of the technology behind __OurPhone™__ such as __Quantum Safe Storage System__,__Planetary Network__, __EDGE Computing__, and many more.
|
||||
|
||||
<button>[Learn More](https://library.threefold.me/info/threefold/#/technology/threefold__zos)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- section 5 -->
|
||||
<!-- section 6 Buy -->
|
||||
|
||||
{% row(style="center" margin="withContainer" padding="both") %}
|
||||
|
||||
@ -93,7 +89,7 @@ Mycelium is the culmination of a decade-long quest for a more efficient network
|
||||
### __A Truly Decentralized Smartphone__ <br>__Like No Other__
|
||||
|
||||
|
||||
<a href='https://docs.google.com/forms/d/e/1FAIpQLSecdYeQZnEZTCFaJDR0JUIdDqRcLLGwYQGZZf3e8h1rtmDTSg/viewform' target="_blank" ><button>Pre-order</button></a>
|
||||
<button>[Buy Now](/buynow)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
41
playbook/script.md
Normal file
41
playbook/script.md
Normal file
@ -0,0 +1,41 @@
|
||||
```js
|
||||
!!website.define
|
||||
name:'www_ourphone_tf'
|
||||
title:'Ourphone'
|
||||
|
||||
!!website.template_add url:'https://github.com/freeflowuniverse/webcomponents/tree/main/zola'
|
||||
```
|
||||
|
||||
we need to import the content so that we can use it to build the website
|
||||
```js
|
||||
!!website.doctree_add url:'https://github.com/ourworldventures/www_ourphone/tree/development/content'
|
||||
!!website.doctree_add url:'https://github.com/threefoldfoundation/threefold_data'
|
||||
```
|
||||
|
||||
here we add the pages we need from content to the website.
|
||||
|
||||
```js
|
||||
!!website.page_add
|
||||
name: 'Ourphone'
|
||||
collection: 'content'
|
||||
file: 'ourphone.md'
|
||||
homepage: true
|
||||
|
||||
!!website.page_add
|
||||
name: 'Buy Now'
|
||||
collection: 'content'
|
||||
file: 'buy_now.md'
|
||||
|
||||
!!website.page_add
|
||||
name: 'Specs'
|
||||
collection: 'content'
|
||||
file: 'specs.md'
|
||||
```
|
||||
|
||||
now lets add a blog section
|
||||
|
||||
```js
|
||||
!!website.blog_add
|
||||
file: 'realizing_the_promise.md'
|
||||
collection: blog
|
||||
```
|
||||
@ -1,14 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
{% include "partials/head.html" %}
|
||||
|
||||
<body>
|
||||
{% include "partials/header.html" %}
|
||||
<div id="content" class="p-4 pt-8 lg:pt-32 sm:p-12 md:p-16 lg:p-20 overflow-hidden">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
{% include "partials/footer.html" %}
|
||||
<script type="text/javascript" src="{{ get_url(path='js/custom.js')}}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,82 +0,0 @@
|
||||
{% extends "_default/base.html" %}
|
||||
{% block content %}
|
||||
|
||||
{% if page.taxonomies.people %}
|
||||
{% set people = get_section(path="people/_index.md") %}
|
||||
{% set pages_str = people.pages | json_encode() | as_str %}
|
||||
{% if pages_str is containing(page.taxonomies.people[0]) %}
|
||||
{% set author_path = 'people/' ~ page.taxonomies.people[0] ~ '/index.md' %}
|
||||
{% set author = get_page(path=author_path) %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Default page template for blog posts and basic informative markdown files -->
|
||||
|
||||
{% set split = page.content | split(pat="threefold.io") %}
|
||||
{% if split | length < 2 %} {% set content=page.content %} {% else %} {% set content="" %} {% for part in split %} {% if
|
||||
part is starting_with("/blog") %} {% set split_part=part | split(pat='/">' ) %} {% set link=split_part[0] %} {% set
|
||||
link=link | replace(from="/blog/post" , to="/blog" ) %} {% set link=link | replace(from="_" , to="-" ) %} {% set
|
||||
rest_part=split_part | slice(start=1) | join(sep='/"' ) %} {% set part=link ~ '/">' ~ rest_part %} {% endif %} {% if
|
||||
loop.first %} {% set_global content=part%} {% else %} {% set_global content=content ~ "threefold.io" ~ part%} {% endif
|
||||
%} {% endfor %} {% endif %} <main>
|
||||
|
||||
<div class="container mx-auto mt-20">
|
||||
|
||||
<div>
|
||||
<article class="article lg:w-4/6 mx-auto">
|
||||
<h1 class="lg:text-5xl text-2xl font-medium leading-none mt-0 text-gray-700">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
|
||||
<h4 class="lg:text-2xl text-base text-gray-600 leading-8">
|
||||
{{ page.description }}
|
||||
</h4>
|
||||
<section class="post-author-list mb-3 mx-0">
|
||||
<div class="flex items-center">
|
||||
<div class="flex justify-between items-center">
|
||||
<ul class="list-none flex author-list m-0">
|
||||
<li class="author-list-item">
|
||||
{% if author %}
|
||||
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') |
|
||||
replace(from='index.md', to=author.extra.imgPath)) %}
|
||||
<img src="{{author_img}}" alt="{{author.title}}" class="
|
||||
h-8
|
||||
w-8
|
||||
sm:h-10
|
||||
sm:w-10
|
||||
rounded-full
|
||||
bg-gray-200
|
||||
border-2 border-white
|
||||
" />
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="pl-3 flex flex-col text-xs leading-none uppercase">
|
||||
{% if author %}
|
||||
<a href="{{author.permalink}}" class="text-gray-700 text-xs">{{ author.title }}</a>
|
||||
{% endif %}
|
||||
<p class="text-gray-700 text-xs">
|
||||
<time datetime="{{ page.date }}"> {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago")
|
||||
}}</time><br />
|
||||
<span id="time"
|
||||
class="time"></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="my-2 sharethis-inline-share-buttons"></div>
|
||||
</section>
|
||||
{% set img_url = get_url(path='/' ~ page.relative_path | replace(from='_', to='-') | replace(from='index.md',
|
||||
to=page.extra.imgPath)) %}
|
||||
<img class="mb-8 mx-auto" src={{img_url}} alt="{{page.title ~ 'Picture'}}">
|
||||
<div>{{ content | safe }}</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,4 +0,0 @@
|
||||
{% extends "index.html" %}
|
||||
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
@ -1,14 +0,0 @@
|
||||
{% extends "index.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<main class="pt-16">
|
||||
|
||||
<div class="flex flex-col md:flex-row">
|
||||
{% include "partials/blogPosts.html" %}
|
||||
{% include "partials/blogSidebar.html" %}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
@ -1,9 +0,0 @@
|
||||
{% extends "_default/base.html" %}
|
||||
{% block content %}
|
||||
|
||||
<!-- home page template, has a banner and rows of page summaries -->
|
||||
<div class="container mx-auto">
|
||||
{% set page = get_page(path="home/index.md") %}
|
||||
{{page.content | safe}}
|
||||
</div>
|
||||
{% endblock content %}
|
||||
@ -1,4 +0,0 @@
|
||||
{% extends "index.html" %}
|
||||
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
@ -1,14 +0,0 @@
|
||||
{% extends "index.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<main class="pt-16">
|
||||
|
||||
<div class="flex flex-col md:flex-row">
|
||||
{% include "partials/productPosts.html" %}
|
||||
{% include "partials/productSidebar.html" %}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
@ -1,30 +0,0 @@
|
||||
{% extends "_default/base.html" %}
|
||||
<!-- blog template
|
||||
the template for displaying the blog page.
|
||||
consists of a featured blog row,
|
||||
a paginated list of posts (sorted by date),
|
||||
and a side nav for category and featured post navigation
|
||||
-->
|
||||
|
||||
{% block content %}
|
||||
|
||||
<main>
|
||||
|
||||
<!--sets global featured variable as the most recent post with the isFeatured tag-->
|
||||
{%- set section = get_section(path="blog/_index.md") %}
|
||||
{% for page in section.pages %}
|
||||
{% if page.extra.isFeatured %}
|
||||
{%- set_global featured = page %}
|
||||
{% break %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% include "partials/featuredBlog.html" %}
|
||||
|
||||
<div class="flex flex-col md:flex-row container mx-auto">
|
||||
{% include "partials/blogPosts.html" %}
|
||||
{% include "partials/blogSidebar.html" %}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,18 +0,0 @@
|
||||
{% extends "_default/base.html" %}
|
||||
{% import "macros.html" as macros %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<main class="lg:mt-6">
|
||||
<div class="flex">
|
||||
<div class="w-4/6 pr-20">
|
||||
{{ section.content | safe}}
|
||||
</div>
|
||||
<div class="w-2/6 pl-20">
|
||||
{{ macros::page_list(item_type="page-box", group=false) }}
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,30 +0,0 @@
|
||||
{% extends "_default/base.html" %}
|
||||
<!-- blog template
|
||||
the template for displaying the blog page.
|
||||
consists of a featured blog row,
|
||||
a paginated list of posts (sorted by date),
|
||||
and a side nav for category and featured post navigation
|
||||
-->
|
||||
|
||||
{% block content %}
|
||||
|
||||
<main>
|
||||
|
||||
<!--sets global featured variable as the most recent post with the isFeatured tag-->
|
||||
{%- set section = get_section(path="products/_index.md") %}
|
||||
{% for page in section.pages %}
|
||||
{% if page.extra.isFeatured %}
|
||||
{%- set_global featured = page %}
|
||||
{% break %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% include "partials/featuredProduct.html" %}
|
||||
|
||||
<div class="flex flex-col md:flex-row container mx-auto">
|
||||
{% include "partials/productPosts.html" %}
|
||||
{% include "partials/productSidebar.html" %}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,14 +0,0 @@
|
||||
{% extends "_default/base.html" %}
|
||||
{% block content %}
|
||||
|
||||
<!-- Page template for blog posts and basic informative markdown files -->
|
||||
<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 %}
|
||||
@ -1,28 +0,0 @@
|
||||
{% macro page_list(type="text") %}
|
||||
<div id="list"></div>
|
||||
{% if section.extra.group_pages_by %}
|
||||
<div class="flex flex-col md:grid md:grid-cols-2 md:gap-12 lg:flex lg:flex-row justify-around text-center">
|
||||
{% set taxonomy = get_taxonomy(kind=section.extra.group_pages_by) %}
|
||||
{% set roles = taxonomy.items %}
|
||||
{% for role in roles %}
|
||||
<div class="flex flex-col items-start text-left my-8 mx-4 md:mx-8 lg:mx-4 flex-1 w-72">
|
||||
{% set icon_path = config.extra.taxonomies["roles"][role.name].icon_path | as_str %}
|
||||
<img src="{{icon_path}}" alt="role category icon" class="h-10 my-4">
|
||||
{% set path = role.name | slugify %}
|
||||
{% set fullpath = "/roles/" ~ path %}
|
||||
<a href={{fullpath}} class="text-2xl text-black font-normal lg:mb-8 cursor-pointer"> {{role.name}} </a>
|
||||
{% for page in role.pages %}
|
||||
{% include "partials/pageBox.html"%}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% for page in section.pages %}
|
||||
{{page}}
|
||||
{% include "partials/pageBox.html"%}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endmacro page_list %}
|
||||
|
||||
|
||||
@ -1,16 +0,0 @@
|
||||
{% extends "_default/base.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
{% if page %}
|
||||
{{page.content | safe}}
|
||||
{% else %}
|
||||
{{section.content | safe}}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
</main> {% endblock content %}
|
||||
@ -1,60 +0,0 @@
|
||||
<div class="mt-5 md:mt-0 md:col-span-2">
|
||||
<form action="#" method="POST">
|
||||
<div class="shadow sm:rounded-md sm:overflow-hidden">
|
||||
<div class="px-4 py-5 bg-white space-y-6 sm:p-6">
|
||||
<h3 class="text-black text-lg">Application</h3>
|
||||
<div class="grid grid-cols-3 gap-6">
|
||||
<div class="col-span-3 sm:col-span-2">
|
||||
<label for="company-website" class="block text-sm font-medium text-gray-700"> Website </label>
|
||||
<div class="mt-1 flex rounded-md shadow-sm">
|
||||
<span class="inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 text-sm"> http:// </span>
|
||||
<input type="text" name="company-website" id="company-website" class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-r-md sm:text-sm border-gray-300" placeholder="www.example.com">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="about" class="block text-sm font-medium text-gray-700"> About </label>
|
||||
<div class="mt-1">
|
||||
<textarea id="about" name="about" rows="3" class="shadow-sm focus:ring-indigo-500 focus:border-indigo-500 mt-1 block w-full sm:text-sm border border-gray-300 rounded-md" placeholder="you@example.com"></textarea>
|
||||
</div>
|
||||
<p class="mt-2 text-sm text-gray-500">Brief description for your profile. URLs are hyperlinked.</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700"> Photo </label>
|
||||
<div class="mt-1 flex items-center">
|
||||
<span class="inline-block h-12 w-12 rounded-full overflow-hidden bg-gray-100">
|
||||
<svg class="h-full w-full text-gray-300" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" />
|
||||
</svg>
|
||||
</span>
|
||||
<button type="button" class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Change</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700"> Resume </label>
|
||||
<div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md">
|
||||
<div class="space-y-1 text-center">
|
||||
<svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">
|
||||
<path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
||||
</svg>
|
||||
<div class="flex text-sm text-gray-600">
|
||||
<label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-indigo-600 hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500">
|
||||
<span>Upload a file</span>
|
||||
<input id="file-upload" name="file-upload" type="file" class="sr-only">
|
||||
</label>
|
||||
<p class="pl-1">or drag and drop</p>
|
||||
</div>
|
||||
<p class="text-xs text-gray-500">PDF up to 10MB</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
|
||||
<button type="submit" class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -1,70 +0,0 @@
|
||||
{% block content %}
|
||||
|
||||
<div class="text-center main-title px-0 md:w-2/3 lg:w-2/3 mx-8 md:mx-12">
|
||||
<h1
|
||||
class="tracking-tight text-left text-2xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10"
|
||||
>
|
||||
{% set path_array = current_path | split(pat="/") %}
|
||||
{% set taxonomy = path_array[1] %}
|
||||
{% set category = path_array[2] %}
|
||||
The Latest from OurPhone
|
||||
{% if taxonomy == "categories" %} -
|
||||
{{category | replace(from='-', to=' ' ) | title}}
|
||||
{% endif %}
|
||||
</h1>
|
||||
<div>
|
||||
<div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-3 lg:max-w-none">
|
||||
{%- for post in paginator.pages %}
|
||||
{% if not post.extra.hidden %}
|
||||
{% include "partials/postCard.html" %}
|
||||
{%endif%} {%- 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/icons/svgPrevPageIcon.html" %}{% include
|
||||
"partials/icons/svgPrevPageIcon.html" %}</a
|
||||
>
|
||||
|
||||
<a
|
||||
class="border-transparent"
|
||||
aria-label="Previous page"
|
||||
href="{{ paginator.previous }}"
|
||||
>{% include "partials/icons/svgPrevPageIcon.html" %}</a
|
||||
>
|
||||
|
||||
{% else %} {%
|
||||
include "partials/icons/svgFirstPageIcon.html" %}{% include
|
||||
"partials/icons/svgFirstPageIcon.html" %}
|
||||
{% include
|
||||
"partials/icons/svgFirstPageIcon.html" %}
|
||||
|
||||
{% endif %} {% if
|
||||
paginator.next %}
|
||||
<a
|
||||
class="border-transparent"
|
||||
aria-label="Next page"
|
||||
href="{{ paginator.next }}"
|
||||
>{% include "partials/icons/svgNextPageIcon.html" %}</a
|
||||
>
|
||||
|
||||
<a
|
||||
class="border-transparent"
|
||||
aria-label="Last page"
|
||||
href="{{ paginator.last }}"
|
||||
>{% include "partials/icons/svgNextPageIcon.html" %}{% include
|
||||
"partials/icons/svgNextPageIcon.html" %}</a
|
||||
>
|
||||
{% else %} {% include "partials/icons/svgLastPageIcon.html" %}
|
||||
{% include
|
||||
"partials/icons/svgLastPageIcon.html" %}{% include
|
||||
"partials/icons/svgLastPageIcon.html" %} {% endif %}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,38 +0,0 @@
|
||||
|
||||
<div class="mx-8 md:mx-4 flex flex-col">
|
||||
<div class="flex flex-col mb-12 mr-8 lg:mr-24">
|
||||
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FILTER POSTS BY</h4>
|
||||
<a id="all" class="mb-3 text-black font-normal" href="/blog">All</a>
|
||||
{% set taxonomy = get_taxonomy(kind="categories") %}
|
||||
{% set categories = taxonomy.items %}
|
||||
{% for category in categories %}
|
||||
{% set path = category.name | slugify %}
|
||||
{% set fullpath = "/categories/" ~ path %}
|
||||
<a id="{{path}}" class="mb-3 text-black font-normal" href={{fullpath}}> {{category.name}} </a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% set section = get_section(path="blog/_index.md")%}
|
||||
|
||||
<div class="lg:pt-6 flex flex-col mb-12 w-64 mr-8 lg:mr-24">
|
||||
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FEATURED POSTS</h4>
|
||||
|
||||
{% for page in section.pages %}
|
||||
{% if page.extra.isFeatured %}
|
||||
<a class="mb-3 text-blue-700" href={{page.permalink}}>{{ page.title }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function setActiveCategory() {
|
||||
let activeCategory = window.location.pathname.split("/")[2]
|
||||
if (typeof activeCategory === "undefined") { activeLink = document.getElementById("all") }
|
||||
else { activeLink = document.getElementById(activeCategory)}
|
||||
activeLink.className = activeLink.className.replace("text-black font-normal", "text-black font-semibold");
|
||||
}
|
||||
|
||||
setActiveCategory()
|
||||
</script>
|
||||
@ -1,36 +0,0 @@
|
||||
{% if featured.taxonomies.people %}
|
||||
{% set people = get_section(path="people/_index.md") %}
|
||||
{% set pages_str = people.pages | json_encode() | as_str %}
|
||||
{% if pages_str is containing(featured.taxonomies.people[0]) %}
|
||||
{% set author_path = 'people/' ~ featured.taxonomies.people[0] ~ '/index.md' %}
|
||||
{% set author = get_page(path=author_path) %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<body>
|
||||
|
||||
<div class="md:grid md:grid-cols-2 md:gap-8 relative mt-16 lg:mt-16 items-center container mx-auto">
|
||||
<div class="relative lg:ml-8 my-8 w-full md:w-auto">
|
||||
<h3 class="text-base not-italic leading-6 text-gray-600">FEATURED POST</h3>
|
||||
<a href={{featured.permalink}} class="">
|
||||
<h2
|
||||
class="mt-8 text-2xl main-title sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-4 md:mb-10 ">
|
||||
{{ featured.title }}
|
||||
</h2>
|
||||
</a>
|
||||
<h4 class="text-sm not-italic font-light leading-6 text-gray-600">
|
||||
{{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} -
|
||||
</h4>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mx-4 relative lg:mt-0 max-w-full">
|
||||
<img class="relative mx-auto md:w-auto rounded md:max-w-full max-h-80" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="mt-6">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
@ -1,36 +0,0 @@
|
||||
{% if featured.taxonomies.people %}
|
||||
{% set people = get_section(path="people/_index.md") %}
|
||||
{% set pages_str = people.pages | json_encode() | as_str %}
|
||||
{% if pages_str is containing(featured.taxonomies.people[0]) %}
|
||||
{% set author_path = 'people/' ~ featured.taxonomies.people[0] ~ '/index.md' %}
|
||||
{% set author = get_page(path=author_path) %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<body>
|
||||
|
||||
<div class="md:grid md:grid-cols-2 md:gap-8 relative mt-16 lg:mt-16 items-center container mx-auto">
|
||||
<div class="relative lg:ml-8 my-8 w-full md:w-auto">
|
||||
<h3 class="text-base not-italic leading-6 text-gray-600">FEATURED PRODUCT</h3>
|
||||
<a href={{featured.permalink}} class="">
|
||||
<h2
|
||||
class="mt-8 text-2xl main-title sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-4 md:mb-10 ">
|
||||
{{ featured.title }}
|
||||
</h2>
|
||||
</a>
|
||||
<h4 class="text-sm not-italic font-light leading-6 text-gray-600">
|
||||
{{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} -
|
||||
</h4>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mx-4 relative lg:mt-0 max-w-full">
|
||||
<img class="relative mx-auto md:w-auto rounded md:max-w-full max-h-80" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="mt-6">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
@ -1,21 +0,0 @@
|
||||
<!--
|
||||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||||
Read the documentation to get started: https://tailwindui.com/documentation
|
||||
-->
|
||||
|
||||
{%- set section = get_section(path="_index.md") %}
|
||||
|
||||
{% set subsections_str = section.subsections | join(sep=" ") %}
|
||||
|
||||
<footer class="bottom-0">
|
||||
{% if "footer/_index.md" in subsections_str %}
|
||||
{%- set section = get_section(path="footer/_index.md") %}
|
||||
{{ section.content | safe }}
|
||||
{% else %}
|
||||
{% set footer_class = config.extra.footer_class | default(value='') %}
|
||||
<div class="{{ footer_class }}">
|
||||
{# <img src="{{get_url(path='images/')}}" class="w-60" alt=""> #}
|
||||
<p class="text-center">© Ourphone™ All Rights Reserved 2024</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</footer>
|
||||
@ -1,42 +0,0 @@
|
||||
{% 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>
|
||||
<link rel="icon" type="image/x-icon" href="/images/favicon.png">
|
||||
<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 categories -->
|
||||
<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>
|
||||
@ -1,145 +0,0 @@
|
||||
<!--
|
||||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||||
Read the documentation to get started: https://tailwindui.com/documentation
|
||||
--><!-- This example requires Tailwind CSS v1.4.0+ -->
|
||||
|
||||
|
||||
<!-- set variables used for header template -->
|
||||
{% set section = get_section(path="_index.md") %}
|
||||
{% set subsections_str = section.subsections | join(sep=" ") %}
|
||||
{% set logo_path = get_url(path=section.extra.logo_path | default(value='')) %}
|
||||
|
||||
{% if "header/_index.md" in subsections_str %}
|
||||
{% set section = get_section(path="header/_index.md") %}
|
||||
{% set header_items = section.content | safe | split(pat="<li>") %}
|
||||
{% include "partials/header_custom.html" %}
|
||||
{% else %}
|
||||
<header id="header-container">
|
||||
{% set header_class = config.extra.header_class | default(value='') %}
|
||||
<div class="{{'z-10 bg-white fixed w-screen max-w-full ' ~ header_class}}">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="h-auto sm:w-15" src="{{logo_path}}" alt="Logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="-mr-2 -my-2 lg:hidden">
|
||||
<button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: menu -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
</svg>
|
||||
</button>
|
||||
<button id="close-hamburger-btn" type="button" class="hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: x -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
|
||||
<nav class="flex space-x-10">
|
||||
{% for page in section.pages %}
|
||||
{% if page.extra.menu %} {% continue %} {% endif %}
|
||||
<a href="{{page.permalink}}" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
{{page.title}}
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% for subsection in section.subsections %}
|
||||
{% if subsection == "footer/_index.md" %} {% continue %} {% endif %}
|
||||
{% set button_id = subsection ~ "-menu-btn" | slugify %}
|
||||
<div class="relative">
|
||||
<button type="button" id="{{button_id}}" class="nav_btn text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 hover:text-blue-300 focus:outline-none transition ease-in-out duration-150">
|
||||
<span>{{ subsection }}</span>
|
||||
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
|
||||
</button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% for subsection in section.subsections %}
|
||||
{% if subsection == "footer/_index.md" %} {% continue %} {% endif %}
|
||||
{% set submenu_id = subsection ~ "-menu" | slugify %}
|
||||
<nav>
|
||||
<div id="{{submenu_id}}" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
{{subsection | safe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
{% endfor %}
|
||||
|
||||
|
||||
<!--
|
||||
Mobile menu, show/hide based on mobile menu state.
|
||||
|
||||
Entering: "duration-200 ease-out"
|
||||
From: "opacity-0 scale-95"
|
||||
To: "opacity-100 scale-100"
|
||||
Leaving: "duration-100 ease-in"
|
||||
From: "opacity-100 scale-100"
|
||||
To: "opacity-0 scale-95"
|
||||
-->
|
||||
<div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
|
||||
<div>
|
||||
<div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
|
||||
<div class="pt-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
|
||||
|
||||
<nav class="flex flex-col justify-around pb-12">
|
||||
{% for page in section.pages %}
|
||||
{% if page.relative_path == "home/index.md" %} {% continue %} {% endif %}
|
||||
{% if page.extra.menu %} {% continue %} {% endif %}
|
||||
<a href="{{page.permalink}}" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||||
{{page.title}}
|
||||
</a>
|
||||
<hr/>
|
||||
{% endfor %}
|
||||
{% for subsection in section.subsections %}
|
||||
{% if subsection == "footer/_index.md" %} {% continue %} {% endif %}
|
||||
{% set button_id = subsection ~ "-mobile-menu-btn" | slugify %}
|
||||
{% set menu_id = subsection ~ "-mobile-menu" | slugify %}
|
||||
|
||||
<button type="button" id="{{button_id}}" class="flex flex px-8 py-3 items-start text-left text-gray-900 group inline-flex space-x-2 text-lg leading-6 font-normal hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||||
<span>{{ subsection }}</span>
|
||||
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
|
||||
</button>
|
||||
|
||||
<div id="{{menu_id}}" class="z-50 leading-3 pl-12 pt-6 pb-4 inset-x-0 text-sm transform duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
{{ subsection | safe }}
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
{% endfor %}
|
||||
{% if "footer/_index.md" in subsections_str %}
|
||||
{% set section = get_section(path="footer/_index.md")%}
|
||||
<div class="mx-8 mt-8">
|
||||
<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="{{logo_path}}" alt="Company name" />
|
||||
<p class="text-gray-500 text-base leading-6 ">
|
||||
{{section.description}}
|
||||
</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
{% endif %}
|
||||
|
||||
|
||||
@ -1,159 +0,0 @@
|
||||
<!--
|
||||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||||
Read the documentation to get started: https://tailwindui.com/documentation
|
||||
--><!-- This example requires Tailwind CSS v1.4.0+ -->
|
||||
|
||||
{%- set section = get_section(path="header/_index.md") %}
|
||||
{% set header_items = section.content | safe | split(pat="<li>") %}
|
||||
|
||||
<header id="header-container">
|
||||
<div class="z-10 bg-white fixed w-screen">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pl-0 md:pr-0 sm:px-8 md:px-12 py-1 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="h-auto" src="{{section.extra.logoPath}}" alt="Ourworld Logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="-mr-2 -my-2 lg:hidden">
|
||||
<button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: menu -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
</svg>
|
||||
</button>
|
||||
<button id="close-hamburger-btn" type="button" class="hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: x -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
|
||||
<nav class="flex space-x-10">
|
||||
|
||||
{% for header_item in header_items %}
|
||||
{% if not loop.first %}
|
||||
{% set header_arr = header_item | split(pat="</li>") %}
|
||||
{% set header_label = header_arr[0] %}
|
||||
{% if '<a' in header_label %}
|
||||
{% set link_label = header_label | striptags %}
|
||||
{% set link_path = header_label | split(pat="%22") | safe%}
|
||||
{% if header_label is containing("http") %}
|
||||
<a href="{{link_path[1]}}" target="_blank" class="text-md leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
{{link_label}}
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{link_path[1]}}" class="md leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
{{link_label}}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="relative">
|
||||
{% set button_id = header_label ~ "-menu-btn" | slugify %}
|
||||
<button type="button" id="{{button_id}}" class="nav_btn font-medium text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-blue-300 focus:outline-none transition ease-in-out duration-150">
|
||||
<span>{{ header_label }}</span>
|
||||
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% for header_item in header_items %}
|
||||
{% if not loop.first %}
|
||||
{% set header_arr = header_item | split(pat="</li>") %}
|
||||
{% set header_label = header_arr[0] %}
|
||||
{% set header_menu = header_arr[1] %}
|
||||
{% set menu_id = header_label ~ "-menu" | slugify %}
|
||||
|
||||
<nav>
|
||||
<div id="{{menu_id}}" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
{{header_menu | safe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
<!--
|
||||
Mobile menu, show/hide based on mobile menu state.
|
||||
|
||||
Entering: "duration-200 ease-out"
|
||||
From: "opacity-0 scale-95"
|
||||
To: "opacity-100 scale-100"
|
||||
Leaving: "duration-100 ease-in"
|
||||
From: "opacity-100 scale-100"
|
||||
To: "opacity-0 scale-95"
|
||||
-->
|
||||
<div id="hamburger" class="hidden fixed z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
|
||||
<div>
|
||||
<div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
|
||||
<div class="pb-6 mt-16 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
|
||||
|
||||
<nav class="flex flex-col justify-around pb-12">
|
||||
{% for header_item in header_items %}
|
||||
|
||||
{% if not loop.first %}
|
||||
{% set header_arr = header_item | split(pat="</li>") %}
|
||||
{% set header_label = header_arr[0] %}
|
||||
{% if '<a' in header_label %}
|
||||
{% set link_label = header_label | striptags %}
|
||||
{% set link_path = header_label | split(pat="%22") | safe%}
|
||||
{% if header_label is containing("http") %}
|
||||
<a href="{{link_path[1]}}" target="_blank" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||||
{{link_label}}
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{link_path[1]}}" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||||
{{link_label}}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% set button_id = header_label ~ "-mobile-menu-btn" | slugify %}
|
||||
<button type="button" id="{{button_id}}" class="flex flex px-8 py-3 items-start text-left text-gray-900 group inline-flex space-x-2 text-lg leading-6 font-normal hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||||
<span>{{ header_label }}</span>
|
||||
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
|
||||
</button>
|
||||
{% set menu_id = header_label ~ "-mobile-menu" | slugify %}
|
||||
<div id="{{menu_id}}" class="z-50 leading-3 pl-12 pt-6 pb-4 inset-x-0 text-sm transform duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
{{ header_arr[1] | safe }}
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
<hr/>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% if "footer/_index.md" in subsections_str %}
|
||||
{% 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-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>
|
||||
</div>
|
||||
{% endif %}
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
@ -1,82 +0,0 @@
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<path style="fill:#A39B8D;" d="M406.261,155.826h-11.13V11.13h11.13V155.826z M261.565,11.13h-11.13v144.696h11.13V11.13z
|
||||
M116.87,11.13h-11.13v144.696h11.13V11.13z"/>
|
||||
<path style="fill:#F7F2CD;" d="M467.478,278.261H333.913l55.652-133.565h22.261L467.478,278.261z M267.13,144.696H244.87
|
||||
l-55.652,133.565h133.565L267.13,144.696z M122.435,144.696h-22.261L44.522,278.261h133.565L122.435,144.696z"/>
|
||||
<path style="fill:#FFFCE3;" d="M446.609,278.261h-91.826l40.812-122.435h10.203L446.609,278.261z M261.101,155.826h-10.203
|
||||
l-40.811,122.435h91.826L261.101,155.826z M116.405,155.826h-10.203L65.391,278.261h91.826L116.405,155.826z"/>
|
||||
<path style="fill:#F5D470;" d="M369.212,155.826c-1.231-3.483-1.908-7.227-1.908-11.13c0-18.442,14.949-33.391,33.391-33.391
|
||||
s33.391,14.949,33.391,33.391c0,3.903-0.677,7.648-1.908,11.13H369.212z M287.484,155.826c1.231-3.483,1.908-7.227,1.908-11.13
|
||||
c0-18.442-14.949-33.391-33.391-33.391s-33.391,14.949-33.391,33.391c0,3.903,0.677,7.648,1.908,11.13H287.484z M142.788,155.826
|
||||
c1.231-3.483,1.908-7.227,1.908-11.13c0-18.442-14.949-33.391-33.391-33.391s-33.391,14.949-33.391,33.391
|
||||
c0,3.903,0.677,7.648,1.908,11.13H142.788z"/>
|
||||
<path style="fill:#D19B3F;" d="M434.087,144.696c0,3.903-0.677,7.648-1.908,11.13h-20.353v-11.13c0-6.147-4.983-11.13-11.13-11.13
|
||||
c-6.147,0-11.13,4.983-11.13,11.13v11.13h-20.353c-1.231-3.483-1.908-7.227-1.908-11.13c0-18.442,14.949-33.391,33.391-33.391
|
||||
S434.087,126.254,434.087,144.696z M256,111.304c-18.442,0-33.391,14.949-33.391,33.391c0,3.903,0.677,7.648,1.908,11.13h20.353
|
||||
v-11.13c0-6.147,4.983-11.13,11.13-11.13s11.13,4.983,11.13,11.13v11.13h20.353c1.231-3.483,1.908-7.227,1.908-11.13
|
||||
C289.391,126.254,274.442,111.304,256,111.304z M111.304,111.304c-18.442,0-33.391,14.949-33.391,33.391
|
||||
c0,3.903,0.677,7.648,1.908,11.13h20.353v-11.13c0-6.147,4.983-11.13,11.13-11.13c6.147,0,11.13,4.983,11.13,11.13v11.13h20.353
|
||||
c1.231-3.483,1.908-7.227,1.908-11.13C144.696,126.254,129.746,111.304,111.304,111.304z"/>
|
||||
<path style="fill:#57544C;" d="M500.87,22.261H11.13C4.983,22.261,0,17.278,0,11.13l0,0C0,4.983,4.983,0,11.13,0H500.87
|
||||
C507.017,0,512,4.983,512,11.13l0,0C512,17.278,507.017,22.261,500.87,22.261z"/>
|
||||
<path style="fill:#D3C6A8;" d="M434.087,489.739L434.087,489.739c0,12.295-9.966,22.261-22.261,22.261H100.174
|
||||
c-12.295,0-22.261-9.966-22.261-22.261l0,0c0-12.295,9.966-22.261,22.261-22.261h311.652
|
||||
C424.121,467.478,434.087,477.444,434.087,489.739z"/>
|
||||
<path style="fill:#6E5840;" d="M478.609,467.478H33.391V267.13h445.217V467.478z"/>
|
||||
<path style="fill:#323030;" d="M500.87,478.609H11.13c-6.147,0-11.13-4.983-11.13-11.13l0,0c0-6.147,4.983-11.13,11.13-11.13H500.87
|
||||
c6.147,0,11.13,4.983,11.13,11.13l0,0C512,473.626,507.017,478.609,500.87,478.609z M512,267.13L512,267.13
|
||||
c0-6.147-4.983-11.13-11.13-11.13H11.13C4.983,256,0,260.983,0,267.13l0,0c0,6.147,4.983,11.13,11.13,11.13H500.87
|
||||
C507.017,278.261,512,273.278,512,267.13z"/>
|
||||
<path style="fill:#C6984F;" d="M125.217,500.87h-22.261l38.957-166.957h22.261L125.217,500.87z M347.826,333.913h-22.261
|
||||
L286.609,500.87h22.261L347.826,333.913z"/>
|
||||
<path style="fill:#AA8144;" d="M164.174,333.913h22.261l38.957,166.957H203.13L164.174,333.913z M386.783,500.87h22.261
|
||||
l-38.957-166.957h-22.261L386.783,500.87z"/>
|
||||
<path style="fill:#ADA58C;" d="M208.696,356.174h-89.043c-6.147,0-11.13-4.983-11.13-11.13v-22.261c0-6.147,4.983-11.13,11.13-11.13
|
||||
h89.043c6.147,0,11.13,4.983,11.13,11.13v22.261C219.826,351.191,214.843,356.174,208.696,356.174z M403.478,345.043v-22.261
|
||||
c0-6.147-4.983-11.13-11.13-11.13h-89.043c-6.147,0-11.13,4.983-11.13,11.13v22.261c0,6.147,4.983,11.13,11.13,11.13h89.043
|
||||
C398.495,356.174,403.478,351.191,403.478,345.043z"/>
|
||||
<path style="fill:#D3C6A8;" d="M108.522,322.783L108.522,322.783c0-6.147,4.983-11.13,11.13-11.13h89.043
|
||||
c6.147,0,11.13,4.983,11.13,11.13l0,0H108.522z M403.478,322.783L403.478,322.783c0-6.147-4.983-11.13-11.13-11.13h-89.043
|
||||
c-6.147,0-11.13,4.983-11.13,11.13l0,0H403.478z"/>
|
||||
<path style="fill:#92393C;" d="M66.783,256c0,6.147-4.983,11.13-11.13,11.13h-11.13c-6.147,0-11.13-4.983-11.13-11.13v-33.391
|
||||
h33.391V256z"/>
|
||||
<path style="fill:#DB6D53;" d="M50.087,256L50.087,256c-3.073,0-5.565-2.492-5.565-5.565v-27.826h11.13v27.826
|
||||
C55.652,253.508,53.16,256,50.087,256z"/>
|
||||
<path style="fill:#C6984F;" d="M178.087,250.435v11.13c0,3.073-2.492,5.565-5.565,5.565h-66.783c-3.073,0-5.565-2.492-5.565-5.565
|
||||
v-11.13c0-3.073,2.492-5.565,5.565-5.565h66.783C175.595,244.87,178.087,247.362,178.087,250.435z"/>
|
||||
<path style="fill:#AA8144;" d="M178.087,250.435V256h-77.913v-5.565c0-3.073,2.492-5.565,5.565-5.565h66.783
|
||||
C175.595,244.87,178.087,247.362,178.087,250.435z"/>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.0 KiB |
@ -1,95 +0,0 @@
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<path style="fill:#E4EAF8;" d="M494.345,472.276H17.655C7.904,472.276,0,464.372,0,454.621V57.379
|
||||
c0-9.751,7.904-17.655,17.655-17.655h476.69c9.751,0,17.655,7.904,17.655,17.655v397.241
|
||||
C512,464.372,504.096,472.276,494.345,472.276z"/>
|
||||
<path style="fill:#5B5D6E;" d="M494.345,472.276H256V83.862h256v370.759C512,464.372,504.096,472.276,494.345,472.276z"/>
|
||||
<path style="fill:#D5DCED;" d="M512,83.862H0V57.379c0-9.751,7.904-17.655,17.655-17.655h476.69c9.751,0,17.655,7.904,17.655,17.655
|
||||
V83.862z"/>
|
||||
<path style="fill:#E4EAF8;" d="M26.483,75.034h-8.828c-4.875,0-8.828-3.953-8.828-8.828v-8.828c0-4.875,3.953-8.828,8.828-8.828
|
||||
h8.828c4.875,0,8.828,3.953,8.828,8.828v8.828C35.31,71.082,31.358,75.034,26.483,75.034z"/>
|
||||
<path style="fill:#FF5050;" d="M423.724,75.034h-8.828c-4.875,0-8.828-3.953-8.828-8.828v-8.828c0-4.875,3.953-8.828,8.828-8.828
|
||||
h8.828c4.875,0,8.828,3.953,8.828,8.828v8.828C432.552,71.082,428.599,75.034,423.724,75.034z"/>
|
||||
<path style="fill:#FFF082;" d="M459.034,75.034h-8.828c-4.875,0-8.828-3.953-8.828-8.828v-8.828c0-4.875,3.953-8.828,8.828-8.828
|
||||
h8.828c4.875,0,8.828,3.953,8.828,8.828v8.828C467.862,71.082,463.91,75.034,459.034,75.034z"/>
|
||||
<path style="fill:#A0FFB4;" d="M494.345,75.034h-8.828c-4.875,0-8.828-3.953-8.828-8.828v-8.828c0-4.875,3.953-8.828,8.828-8.828
|
||||
h8.828c4.875,0,8.828,3.953,8.828,8.828v8.828C503.172,71.082,499.22,75.034,494.345,75.034z"/>
|
||||
<path style="fill:#00C3FF;" d="M144.898,150.826l-59.75,59.75c-3.229,3.229-3.463,8.386-0.54,11.893L256,428.138V145.655h-98.618
|
||||
C152.7,145.655,148.209,147.516,144.898,150.826z"/>
|
||||
<polygon style="fill:#80E1FF;" points="256,145.655 176.552,216.276 256,216.276 "/>
|
||||
<g>
|
||||
<path style="fill:#00AAF0;" d="M176.552,216.276l-25.97-69.254c-2.103,0.878-4.039,2.159-5.681,3.801L85.15,210.575
|
||||
c-1.578,1.578-2.415,3.619-2.543,5.7L176.552,216.276L176.552,216.276z"/>
|
||||
<polygon style="fill:#00AAF0;" points="176.552,216.276 256,428.138 256,216.276 "/>
|
||||
</g>
|
||||
<path style="fill:#AFB9D2;" d="M256,489.931c-4.879,0-8.828-3.953-8.828-8.828V30.897c0-4.875,3.948-8.828,8.828-8.828
|
||||
c4.879,0,8.828,3.953,8.828,8.828v450.207C264.828,485.978,260.879,489.931,256,489.931z"/>
|
||||
<g>
|
||||
<path style="fill:#FF5050;" d="M317.793,163.31h-17.655c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h17.655
|
||||
c4.879,0,8.828,3.953,8.828,8.828S322.673,163.31,317.793,163.31z"/>
|
||||
<path style="fill:#FF5050;" d="M317.793,233.931h-17.655c-4.879,0-8.828-3.953-8.828-8.828c0-4.875,3.948-8.828,8.828-8.828h17.655
|
||||
c4.879,0,8.828,3.953,8.828,8.828C326.621,229.978,322.673,233.931,317.793,233.931z"/>
|
||||
</g>
|
||||
<path style="fill:#A0FFB4;" d="M344.276,198.621h-17.655c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h17.655
|
||||
c4.879,0,8.828,3.953,8.828,8.828S349.155,198.621,344.276,198.621z"/>
|
||||
<path style="fill:#FFFFFF;" d="M467.862,163.31H353.103c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h114.759
|
||||
c4.879,0,8.828,3.953,8.828,8.828S472.742,163.31,467.862,163.31z"/>
|
||||
<path style="fill:#FFF082;" d="M467.862,233.931H353.103c-4.879,0-8.828-3.953-8.828-8.828c0-4.875,3.948-8.828,8.828-8.828h114.759
|
||||
c4.879,0,8.828,3.953,8.828,8.828C476.69,229.978,472.742,233.931,467.862,233.931z"/>
|
||||
<path style="fill:#D5DCED;" d="M467.862,198.621h-88.276c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h88.276
|
||||
c4.879,0,8.828,3.953,8.828,8.828S472.742,198.621,467.862,198.621z"/>
|
||||
<path style="fill:#A0FFB4;" d="M344.276,269.241h-17.655c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h17.655
|
||||
c4.879,0,8.828,3.953,8.828,8.828S349.155,269.241,344.276,269.241z"/>
|
||||
<path style="fill:#D5DCED;" d="M467.862,269.241h-88.276c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h88.276
|
||||
c4.879,0,8.828,3.953,8.828,8.828S472.742,269.241,467.862,269.241z"/>
|
||||
<g>
|
||||
<path style="fill:#FF5050;" d="M317.793,304.552h-17.655c-4.879,0-8.828-3.953-8.828-8.828c0-4.875,3.948-8.828,8.828-8.828h17.655
|
||||
c4.879,0,8.828,3.953,8.828,8.828C326.621,300.599,322.673,304.552,317.793,304.552z"/>
|
||||
<path style="fill:#FF5050;" d="M317.793,375.172h-17.655c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h17.655
|
||||
c4.879,0,8.828,3.953,8.828,8.828S322.673,375.172,317.793,375.172z"/>
|
||||
</g>
|
||||
<path style="fill:#A0FFB4;" d="M344.276,339.862h-17.655c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h17.655
|
||||
c4.879,0,8.828,3.953,8.828,8.828S349.155,339.862,344.276,339.862z"/>
|
||||
<path style="fill:#FFFFFF;" d="M467.862,304.552H353.103c-4.879,0-8.828-3.953-8.828-8.828c0-4.875,3.948-8.828,8.828-8.828h114.759
|
||||
c4.879,0,8.828,3.953,8.828,8.828C476.69,300.599,472.742,304.552,467.862,304.552z"/>
|
||||
<path style="fill:#FFF082;" d="M467.862,375.172H353.103c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h114.759
|
||||
c4.879,0,8.828,3.953,8.828,8.828S472.742,375.172,467.862,375.172z"/>
|
||||
<path style="fill:#D5DCED;" d="M467.862,339.862h-88.276c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h88.276
|
||||
c4.879,0,8.828,3.953,8.828,8.828S472.742,339.862,467.862,339.862z"/>
|
||||
<path style="fill:#A0FFB4;" d="M344.276,410.483h-17.655c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h17.655
|
||||
c4.879,0,8.828,3.953,8.828,8.828S349.155,410.483,344.276,410.483z"/>
|
||||
<path style="fill:#D5DCED;" d="M467.862,410.483h-88.276c-4.879,0-8.828-3.953-8.828-8.828s3.948-8.828,8.828-8.828h88.276
|
||||
c4.879,0,8.828,3.953,8.828,8.828S472.742,410.483,467.862,410.483z"/>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.7 KiB |
@ -1,67 +0,0 @@
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<path style="fill:#9F6459;" d="M416,32H272c0,8.836-7.164,16-16,16s-16-7.164-16-16H96c-22.055,0-40,17.945-40,40v400
|
||||
c0,22.055,17.945,40,40,40h320c22.055,0,40-17.945,40-40V72C456,49.945,438.054,32,416,32z M416,464c0,4.418-3.582,8-8,8H104
|
||||
c-4.418,0-8-3.582-8-8V80c0-4.418,3.582-8,8-8h304c4.418,0,8,3.582,8,8V464z"/>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path style="fill:#D8DCE1;" d="M152,368c-1.891,0-3.789-0.664-5.312-2.023c-3.305-2.93-3.602-7.992-0.664-11.289l64-72
|
||||
c2.328-2.625,6.094-3.422,9.289-1.969l80.445,36.57l52.844-128.336c1.688-4.078,6.359-6,10.445-4.352
|
||||
c4.086,1.68,6.031,6.359,4.352,10.445l-56,136c-0.828,2.008-2.438,3.594-4.453,4.391s-4.273,0.742-6.258-0.156l-82.625-37.555
|
||||
l-60.086,67.586C156.398,367.094,154.203,368,152,368z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<circle style="fill:#FF4F19;" cx="152" cy="360" r="24"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle style="fill:#FF9600;" cx="216" cy="288" r="24"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle style="fill:#FFD200;" cx="304" cy="328" r="24"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle style="fill:#74D24F;" cx="360" cy="192" r="24"/>
|
||||
</g>
|
||||
<g>
|
||||
<path style="fill:#B9BBC1;" d="M304,16h-20.391C277.969,6.242,267.484,0,256,0s-21.969,6.242-27.609,16H208
|
||||
c-22.055,0-40,17.945-40,40v32c0,4.418,3.578,8,8,8h160c4.422,0,8-3.582,8-8V56C344,33.945,326.055,16,304,16z M256,40
|
||||
c-4.418,0-8-3.582-8-8c0-4.418,3.582-8,8-8s8,3.582,8,8C264,36.418,260.418,40,256,40z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.9 KiB |
@ -1,79 +0,0 @@
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 496 496" style="enable-background:new 0 0 496 496;" xml:space="preserve">
|
||||
<path style="fill:#996632;" d="M264,465.6c-4,4-10.4,6.4-16,6.4c-0.8,0-1.6,0-2.4,0c-12-1.6-21.6-12.8-21.6-25.6v-84
|
||||
c0-32-26.4-58.4-58.4-58.4h-2.4c-14.4,0-26.4-12-26.4-26.4V256h224v21.6c0,14.4-12,26.4-26.4,26.4H332c-32,0-58.4,26.4-58.4,58.4
|
||||
V448C272,454.4,268.8,461.6,264,465.6z M264,448c0-8.8-7.2-16-16-16c-8.8,0-16,7.2-16,16s7.2,16,16,16C256.8,464,264,456.8,264,448z
|
||||
"/>
|
||||
<path style="fill:#D9CDC1;" d="M364,232c6.4,0,12-5.6,12-12v-24c0-6.4-5.6-12-12-12h20h4c6.4,0,12,5.6,12,12v24c0,6.4-5.6,12-12,12
|
||||
h-12H364z"/>
|
||||
<circle style="fill:#42210B;" cx="328" cy="208" r="16"/>
|
||||
<path style="fill:#CC9966;" d="M296,80c0-8.8,7.2-16,16-16s16,7.2,16,16v40c0,17.6,14.4,32,32,32c5.6,0,11.2-1.6,16-4.8V168h-91.2
|
||||
c6.4-5.6,11.2-14.4,11.2-24V80z"/>
|
||||
<g>
|
||||
<circle style="fill:#42210B;" cx="248" cy="448" r="16"/>
|
||||
<circle style="fill:#42210B;" cx="248" cy="208" r="16"/>
|
||||
</g>
|
||||
<path style="fill:#FFF8EF;" d="M248,192c-8.8,0-16,7.2-16,16s7.2,16,16,16c8.8,0,16-7.2,16-16S256.8,192,248,192z M364,184
|
||||
c6.4,0,12,5.6,12,12v24c0,6.4-5.6,12-12,12H168c17.6,0,32-14.4,32-32v-16H364z M328,224c8.8,0,16-7.2,16-16s-7.2-16-16-16
|
||||
s-16,7.2-16,16S319.2,224,328,224z"/>
|
||||
<path style="fill:#CC9966;" d="M200,80c0-8.8,7.2-16,16-16s16,7.2,16,16v64c0,9.6,4,18.4,11.2,24H200V80z"/>
|
||||
<path style="fill:#FF6600;" d="M360,136c-8.8,0-16-7.2-16-16V80c0-17.6-14.4-32-32-32s-32,14.4-32,32v64c0,8.8-7.2,16-16,16
|
||||
s-16-7.2-16-16V80c0-17.6-14.4-32-32-32s-32,14.4-32,32v120c0,8.8-7.2,16-16,16s-16-7.2-16-16V96c0-19.2-13.6-35.2-32-39.2V56
|
||||
c0-22.4,17.6-40,40-40h176c22.4,0,40,17.6,40,40v64C376,128.8,368.8,136,360,136z"/>
|
||||
<path style="fill:#FF7D00;" d="M168,208c-4.8,0-8-3.2-8-8V96c0-20-12.8-38.4-31.2-44.8C131.2,35.2,144,24,160,24h176
|
||||
c17.6,0,32,14.4,32,32v64c0,4.8-3.2,8-8,8s-8-3.2-8-8V80c0-22.4-17.6-40-40-40s-40,17.6-40,40v64c0,4.8-3.2,8-8,8s-8-3.2-8-8V80
|
||||
c0-22.4-17.6-40-40-40s-40,17.6-40,40v120C176,204.8,172.8,208,168,208z"/>
|
||||
<path style="fill:#CC9966;" d="M136,96v72h-16V73.6C129.6,76.8,136,85.6,136,96z"/>
|
||||
<path style="fill:#FFF8EF;" d="M136,200c0,17.6,13.6,32,31.2,32h-34.4c-6.4,0-12-5.6-12-12v-24c0-6.4,5.6-12,12-12h3.2V200z"/>
|
||||
<path style="fill:#875426;" d="M165.6,304c32,0,58.4,26.4,58.4,58.4v84c0,12.8,9.6,24,21.6,25.6c0.8,0,1.6,0,2.4,0
|
||||
c6.4,0,12-2.4,16-6.4c4.8-4.8,8-11.2,8-17.6v-85.6c0-32,26.4-58.4,58.4-58.4h2.4c14.4,0,26.4-12,26.4-26.4V256H136v21.6
|
||||
c0,14.4,12,26.4,26.4,26.4H165.6z M244.8,480c-16-1.6-28.8-16-28.8-33.6v-84c0-28-22.4-50.4-50.4-50.4h-2.4
|
||||
c-19.2,0-34.4-15.2-34.4-34.4V248h240v29.6c0,19.2-15.2,34.4-34.4,34.4H332c-28,0-50.4,22.4-50.4,50.4V448c0,8.8-4,17.6-10.4,24
|
||||
C262.4,477.6,253.6,480.8,244.8,480z"/>
|
||||
<path style="fill:#D9CDC1;" d="M120.8,220c0,6.4,5.6,12,12,12H120h-12c-6.4,0-12-5.6-12-12v-24c0-6.4,5.6-12,12-12h4h20.8
|
||||
c-6.4,0-12,5.6-12,12V220z"/>
|
||||
<path style="fill:#42210B;" d="M136,96c0-10.4-6.4-19.2-16-22.4V168h16V96z M165.6,312c28,0,50.4,22.4,50.4,50.4v84
|
||||
c0,17.6,12.8,32,28.8,33.6c8.8,0.8,17.6-2.4,24.8-8c6.4-6.4,10.4-14.4,10.4-24v-85.6c0-28,22.4-50.4,50.4-50.4h2.4
|
||||
c19.2,0,34.4-15.2,34.4-34.4V248H128v29.6c0,19.2,15.2,34.4,34.4,34.4H165.6z M243.2,168c-6.4-5.6-11.2-14.4-11.2-24V80
|
||||
c0-8.8-7.2-16-16-16s-16,7.2-16,16v88H243.2z M200,200c0,17.6-14.4,32-32,32h196h12h12c6.4,0,12-5.6,12-12v-24c0-6.4-5.6-12-12-12
|
||||
h-4h-20H200V200z M330.4,328c-19.2,0-34.4,15.2-34.4,34.4V448c0,13.6-5.6,26.4-16,35.2c-8.8,8-20.8,12.8-32.8,12.8
|
||||
c-1.6,0-3.2,0-4.8,0c-24-2.4-43.2-24-43.2-49.6v-84c0-19.2-15.2-34.4-34.4-34.4h-2.4c-28,0-50.4-22.4-50.4-50.4V248h-4
|
||||
c-15.2,0-28-12.8-28-28v-24c0-14.4,10.4-25.6,24-27.2V56c0-31.2,24.8-56,56-56h176c31.2,0,56,24.8,56,56v112
|
||||
c13.6,1.6,24,13.6,24,27.2v24c0,15.2-12.8,28-28,28h-4v29.6c0,28-22.4,50.4-50.4,50.4h-3.2V328z M296,144c0,9.6-4,18.4-11.2,24H376
|
||||
v-20.8c-4.8,3.2-10.4,4.8-16,4.8c-17.6,0-32-14.4-32-32V80c0-8.8-7.2-16-16-16s-16,7.2-16,16V144z M120,232h12.8h34.4
|
||||
c-17.6,0-31.2-14.4-31.2-32v-16h-3.2H112h-4c-6.4,0-12,5.6-12,12v24c0,6.4,5.6,12,12,12H120z M280,80c0-17.6,14.4-32,32-32
|
||||
s32,14.4,32,32v40c0,8.8,7.2,16,16,16s16-7.2,16-16V56c0-22.4-17.6-40-40-40H160c-22.4,0-40,17.6-40,40v0.8c18.4,4,32,20,32,39.2
|
||||
v104c0,8.8,7.2,16,16,16s16-7.2,16-16V80c0-17.6,14.4-32,32-32s32,14.4,32,32v64c0,8.8,7.2,16,16,16s16-7.2,16-16V80z"/>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.6 KiB |
@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB |
@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 407 B |
@ -1 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 435 B |
@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 865 B |
@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 1.7 KiB |
@ -1 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 438 B |
@ -1 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 436 B |
@ -1 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 433 B |
@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 530 B |
@ -1,9 +0,0 @@
|
||||
<div class="mb-8 flex flex-col">
|
||||
<a href="{{page.permalink}}" class="text-lg font-medium cursor-pointer text-blue-400 py-4">
|
||||
{{page.title | safe}}
|
||||
</a>
|
||||
{% include "partials/categories.html" %}
|
||||
<p>
|
||||
{{page.description | safe}}
|
||||
</p>
|
||||
</div>
|
||||
@ -1,19 +0,0 @@
|
||||
<div id="list"></div>
|
||||
{% if section.extra.group_pages_by %}
|
||||
<div class="flex flex-col md:grid md:grid-cols-2 md:gap-12 lg:flex lg:flex-row justify-around text-center">
|
||||
{% set taxonomy = get_taxonomy(kind=section.extra.group_pages_by) %}
|
||||
{% set roles = taxonomy.items %}
|
||||
{% for role in roles %}
|
||||
<div class="flex flex-col items-start text-left my-8 mx-4 md:mx-8 lg:mx-4 flex-1 w-72">
|
||||
{% set icon_path = config.extra.taxonomies["roles"][role.name].icon_path | as_str %}
|
||||
<img src="{{icon_path}}" alt="role category icon" class="h-10 my-4">
|
||||
{% set path = role.name | slugify %}
|
||||
{% set fullpath = "/roles/" ~ path %}
|
||||
<a href={{fullpath}} class="text-2xl text-black font-normal lg:mb-8 cursor-pointer"> {{role.name}} </a>
|
||||
{% for page in role.pages %}
|
||||
{% include "partials/pageBox.html"%}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -1,75 +0,0 @@
|
||||
{% if post.date %}
|
||||
{% if post.taxonomies.people %}
|
||||
{% set people = get_section(path="people/_index.md") %}
|
||||
{% set pages_str = people.pages | json_encode() | as_str %}
|
||||
{% if pages_str is containing(post.taxonomies.people[0]) %}
|
||||
{% set author_path = 'people/' ~ post.taxonomies.people[0] ~ '/index.md' %}
|
||||
{% set author = get_page(path=author_path) %}
|
||||
{% set content = get_page(path=author_path) %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
|
||||
<div class="flex-1 border-b">
|
||||
<a href="{{ post.permalink }}" class="block">
|
||||
{% if post.extra.imgPath %}
|
||||
{% set img_url = get_url(path='/' ~ post.relative_path | replace(from='_', to='-') | replace(from='index.md',
|
||||
to=post.extra.imgPath)) %}
|
||||
<div class="flex-shrink-0">
|
||||
<img class="h-48 w-full mx-auto object-cover" src={{img_url}} alt="{{post.title ~ ' Picture'}}" />
|
||||
</div>
|
||||
{%endif%}
|
||||
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
|
||||
|
||||
<h3 class="mt-2 text-xl leading-6 font-medium text-gray-900 text-left not-italic">
|
||||
{{ post.title }}
|
||||
</h3>
|
||||
{% if post.description %}
|
||||
<p class="mt-3 text-sm font-normal text-gray-500 text-left">
|
||||
{{ post.description }}
|
||||
</p>
|
||||
{% endif %}
|
||||
<div class="article hidden">{{ post.content | safe }}</div>
|
||||
|
||||
<div class="w-full post-card-meta py-3">
|
||||
<div class="avatars">
|
||||
<div class="flex">
|
||||
<div class="flex">
|
||||
<ul class="list-none flex author-list mr-2 pl-0">
|
||||
{% if author %}
|
||||
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') |
|
||||
replace(from='index.md', to=author.extra.imgPath)) %}
|
||||
<li class="author-list-item"><img alt="{{author.title}}" src="{{author_img}}"
|
||||
class="w-8 h-8 rounded-full bg-gray-200 border-2 border-white"></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex flex-col text-left leading-none uppercase">
|
||||
{% if author %}
|
||||
<p class="text-gray-700 text-xs">{{ author.title }}</p>
|
||||
{% endif %}
|
||||
<p class="text-gray-700 text-xs">
|
||||
<time datetime="{{post.date}}">
|
||||
{{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
|
||||
</time>
|
||||
</p>
|
||||
<p class="flex justify-between lowercase my-2 items-center text-gray-700 text-xs"><span id="time"
|
||||
class="time"></span>
|
||||
</p>
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.border-b {
|
||||
border-bottom-width: 1px !important;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
@ -1,75 +0,0 @@
|
||||
{% if post.date %}
|
||||
{% if post.taxonomies.people %}
|
||||
{% set people = get_section(path="people/_index.md") %}
|
||||
{% set pages_str = people.pages | json_encode() | as_str %}
|
||||
{% if pages_str is containing(post.taxonomies.people[0]) %}
|
||||
{% set author_path = 'people/' ~ post.taxonomies.people[0] ~ '/index.md' %}
|
||||
{% set author = get_page(path=author_path) %}
|
||||
{% set content = get_page(path=author_path) %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
|
||||
<div class="flex-1 border-b">
|
||||
<a href="{{ post.permalink }}" class="block">
|
||||
{% if post.extra.imgPath %}
|
||||
{% set img_url = get_url(path='/' ~ post.relative_path | replace(from='_', to='-') | replace(from='index.md',
|
||||
to=post.extra.imgPath)) %}
|
||||
<div class="flex-shrink-0">
|
||||
<img class="h-48 w-full mx-auto object-cover" src={{img_url}} alt="{{post.title ~ ' Picture'}}" />
|
||||
</div>
|
||||
{%endif%}
|
||||
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
|
||||
|
||||
<h3 class="mt-2 text-xl leading-6 font-medium text-gray-900 text-left not-italic">
|
||||
{{ post.title }}
|
||||
</h3>
|
||||
{% if post.description %}
|
||||
<p class="mt-3 text-sm font-normal text-gray-500 text-left">
|
||||
{{ post.description }}
|
||||
</p>
|
||||
{% endif %}
|
||||
<div class="article hidden">{{ post.content | safe }}</div>
|
||||
|
||||
<div class="w-full post-card-meta py-3">
|
||||
<div class="avatars">
|
||||
<div class="flex">
|
||||
<div class="flex">
|
||||
<ul class="list-none flex author-list mr-2 pl-0">
|
||||
{% if author %}
|
||||
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') |
|
||||
replace(from='index.md', to=author.extra.imgPath)) %}
|
||||
<li class="author-list-item"><img alt="{{author.title}}" src="{{author_img}}"
|
||||
class="w-8 h-8 rounded-full bg-gray-200 border-2 border-white"></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex flex-col text-left leading-none uppercase">
|
||||
{% if author %}
|
||||
<p class="text-gray-700 text-xs">{{ author.title }}</p>
|
||||
{% endif %}
|
||||
<p class="text-gray-700 text-xs">
|
||||
<time datetime="{{post.date}}">
|
||||
{{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
|
||||
</time>
|
||||
</p>
|
||||
<p class="flex justify-between lowercase my-2 items-center text-gray-700 text-xs"><span id="time"
|
||||
class="time"></span>
|
||||
</p>
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.border-b {
|
||||
border-bottom-width: 1px !important;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
@ -1,70 +0,0 @@
|
||||
{% block content %}
|
||||
|
||||
<div class="text-center main-title px-0 md:w-2/3 lg:w-2/3 mx-8 md:mx-12">
|
||||
<h1
|
||||
class="tracking-tight text-left text-2xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10"
|
||||
>
|
||||
{% set path_array = current_path | split(pat="/") %}
|
||||
{% set taxonomy = path_array[1] %}
|
||||
{% set item = path_array[2] %}
|
||||
The Latest from OurPhone
|
||||
{% if taxonomy == "items" %} -
|
||||
{{item | replace(from='-', to=' ' ) | title}}
|
||||
{% endif %}
|
||||
</h1>
|
||||
<div>
|
||||
<div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-3 lg:max-w-none">
|
||||
{%- for post in paginator.pages %}
|
||||
{% if not post.extra.hidden %}
|
||||
{% include "partials/productCard.html" %}
|
||||
{%endif%} {%- 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/icons/svgPrevPageIcon.html" %}{% include
|
||||
"partials/icons/svgPrevPageIcon.html" %}</a
|
||||
>
|
||||
|
||||
<a
|
||||
class="border-transparent"
|
||||
aria-label="Previous page"
|
||||
href="{{ paginator.previous }}"
|
||||
>{% include "partials/icons/svgPrevPageIcon.html" %}</a
|
||||
>
|
||||
|
||||
{% else %} {%
|
||||
include "partials/icons/svgFirstPageIcon.html" %}{% include
|
||||
"partials/icons/svgFirstPageIcon.html" %}
|
||||
{% include
|
||||
"partials/icons/svgFirstPageIcon.html" %}
|
||||
|
||||
{% endif %} {% if
|
||||
paginator.next %}
|
||||
<a
|
||||
class="border-transparent"
|
||||
aria-label="Next page"
|
||||
href="{{ paginator.next }}"
|
||||
>{% include "partials/icons/svgNextPageIcon.html" %}</a
|
||||
>
|
||||
|
||||
<a
|
||||
class="border-transparent"
|
||||
aria-label="Last page"
|
||||
href="{{ paginator.last }}"
|
||||
>{% include "partials/icons/svgNextPageIcon.html" %}{% include
|
||||
"partials/icons/svgNextPageIcon.html" %}</a
|
||||
>
|
||||
{% else %} {% include "partials/icons/svgLastPageIcon.html" %}
|
||||
{% include
|
||||
"partials/icons/svgLastPageIcon.html" %}{% include
|
||||
"partials/icons/svgLastPageIcon.html" %} {% endif %}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,38 +0,0 @@
|
||||
|
||||
<div class="mx-8 md:mx-4 flex flex-col">
|
||||
<div class="flex flex-col mb-12 mr-8 lg:mr-24">
|
||||
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FILTER PRODUCTS BY</h4>
|
||||
<a id="all" class="mb-3 text-black font-normal" href="/products">All</a>
|
||||
{% set taxonomy = get_taxonomy(kind="items") %}
|
||||
{% set items = taxonomy.items %}
|
||||
{% for item in items %}
|
||||
{% set path = item.name | slugify %}
|
||||
{% set fullpath = "/items/" ~ path %}
|
||||
<a id="{{path}}" class="mb-3 text-black font-normal" href={{fullpath}}> {{item.name}} </a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% set section = get_section(path="products/_index.md")%}
|
||||
|
||||
<div class="lg:pt-6 flex flex-col mb-12 w-64 mr-8 lg:mr-24">
|
||||
<h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FEATURED POSTS</h4>
|
||||
|
||||
{% for page in section.pages %}
|
||||
{% if page.extra.isFeatured %}
|
||||
<a class="mb-3 text-blue-700" href={{page.permalink}}>{{ page.title }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function setActiveProduct() {
|
||||
let activeProduct = window.location.pathname.split("/")[2]
|
||||
if (typeof activeProduct === "undefined") { activeLink = document.getElementById("all") }
|
||||
else { activeLink = document.getElementById(activeProduct)}
|
||||
activeLink.className = activeLink.className.replace("text-black font-normal", "text-black font-semibold");
|
||||
}
|
||||
|
||||
setActiveProduct()
|
||||
</script>
|
||||
@ -1,21 +0,0 @@
|
||||
<div class="flex space-x-6">
|
||||
{% for key, link in section.extra.socialLinks %}
|
||||
|
||||
<a href="{{link}}" target="_blank" class="text-gray-400 hover:text-gray-500">
|
||||
<span class="sr-only">{{key}}</span>
|
||||
{% if key == "Facebook" %}
|
||||
{% include "partials/icons/svgFacebookIcon.html" %}
|
||||
{% elif key == "Github" %}
|
||||
{% include "partials/icons/svgGithubIcon.html" %}
|
||||
{% elif key == "Instagram" %}
|
||||
{% include "partials/icons/svgInstagramIcon.html" %}
|
||||
{% elif key == "Twitter" %}
|
||||
{% include "partials/icons/svgTwitterIcon.html" %}
|
||||
{% elif key == "Dribbble" %}
|
||||
{% include "partials/icons/svgDribbbleIcon.html" %}
|
||||
{% endif %}
|
||||
</a>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
@ -1,5 +0,0 @@
|
||||
<div class="flex mb-4">
|
||||
{% for tag in page.taxonomies.categories %}
|
||||
<div class="bg-gray-200 rounded font-semibold text-xs w-auto px-2 py-1 mr-2">{{tag}}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -1,31 +0,0 @@
|
||||
{% extends "_default/base.html" %}
|
||||
{% block content %}
|
||||
|
||||
<!-- Default page template for blog posts and basic informative markdown files -->
|
||||
<main>
|
||||
|
||||
{% set banner_path = config.extra.taxonomies["roles"][page.taxonomies.roles[0]].banner_path | as_str %}
|
||||
{% set styles = "background: url('/" ~ banner_path ~ "'); background-size: cover; background-position: center" %}
|
||||
|
||||
<div class="w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20 -mt-6 max-w-none py-28 max-h-80" style="{{styles}}"></div>
|
||||
<div class="flex flex-col lg:flex-row md:mx-4 lg:mx-6">
|
||||
<article class="article mx-auto lg:w-1/2 lg:mr-8 lg:mt-10">
|
||||
<div class="pt-8 lg:pt-8 2xl:pt-24">
|
||||
<h3 class="text-2xl font-normal my-0 text-gray-600">Our World</h3>
|
||||
<h1 class="text-left text-5xl font-normal my-2 font-medium">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
<p class="my-4">{{page.description}}</p>
|
||||
{% include "partials/categories.html" %}
|
||||
</div>
|
||||
{{ page.content | safe }}
|
||||
</article>
|
||||
<div class="mx-auto lg:mt-12">
|
||||
{% include "partials/applicationForm.html"%}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,82 +0,0 @@
|
||||
{% extends "_default/base.html" %}
|
||||
{% block content %}
|
||||
|
||||
{% if page.taxonomies.people %}
|
||||
{% set people = get_section(path="people/_index.md") %}
|
||||
{% set pages_str = people.pages | json_encode() | as_str %}
|
||||
{% if pages_str is containing(page.taxonomies.people[0]) %}
|
||||
{% set author_path = 'people/' ~ page.taxonomies.people[0] ~ '/index.md' %}
|
||||
{% set author = get_page(path=author_path) %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Default page template for blog posts and basic informative markdown files -->
|
||||
|
||||
{% set split = page.content | split(pat="ourphone.tf") %}
|
||||
{% if split | length < 2 %} {% set content=page.content %} {% else %} {% set content="" %} {% for part in split %} {% if
|
||||
part is starting_with("/product") %} {% set split_part=part | split(pat='/">' ) %} {% set link=split_part[0] %} {% set
|
||||
link=link | replace(from="/product/post" , to="/product" ) %} {% set link=link | replace(from="_" , to="-" ) %} {% set
|
||||
rest_part=split_part | slice(start=1) | join(sep='/"' ) %} {% set part=link ~ '/">' ~ rest_part %} {% endif %} {% if
|
||||
loop.first %} {% set_global content=part%} {% else %} {% set_global content=content ~ "ourphone.tf" ~ part%} {% endif
|
||||
%} {% endfor %} {% endif %} <main>
|
||||
|
||||
<div class="container mx-auto mt-20">
|
||||
|
||||
<div>
|
||||
<article class="article lg:w-4/6 mx-auto">
|
||||
<h1 class="lg:text-5xl text-2xl font-medium leading-none mt-0 text-gray-700">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
|
||||
<h4 class="lg:text-2xl text-base text-gray-600 leading-8">
|
||||
{{ page.description }}
|
||||
</h4>
|
||||
<section class="post-author-list mb-3 mx-0">
|
||||
<div class="flex items-center">
|
||||
<div class="flex justify-between items-center">
|
||||
<ul class="list-none flex author-list m-0">
|
||||
<li class="author-list-item">
|
||||
{% if author %}
|
||||
{% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') |
|
||||
replace(from='index.md', to=author.extra.imgPath)) %}
|
||||
<img src="{{author_img}}" alt="{{author.title}}" class="
|
||||
h-8
|
||||
w-8
|
||||
sm:h-10
|
||||
sm:w-10
|
||||
rounded-full
|
||||
bg-gray-200
|
||||
border-2 border-white
|
||||
" />
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="pl-3 flex flex-col text-xs leading-none uppercase">
|
||||
{% if author %}
|
||||
<a href="{{author.permalink}}" class="text-gray-700 text-xs">{{ author.title }}</a>
|
||||
{% endif %}
|
||||
<p class="text-gray-700 text-xs">
|
||||
<time datetime="{{ page.date }}"> {{ page.date | date(format="%B %e, %Y", timezone="America/Chicago")
|
||||
}}</time><br />
|
||||
<span id="time"
|
||||
class="time"></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="my-2 sharethis-inline-share-buttons"></div>
|
||||
</section>
|
||||
{% set img_url = get_url(path='/' ~ page.relative_path | replace(from='_', to='-') | replace(from='index.md',
|
||||
to=page.extra.imgPath)) %}
|
||||
<img class="mb-8 mx-auto" src={{img_url}} alt="{{page.title ~ 'Picture'}}">
|
||||
<div>{{ content | safe }}</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,7 +0,0 @@
|
||||
{% extends "index.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{{ terms }}
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,35 +0,0 @@
|
||||
{% extends "index.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<!-- Default page template for blog posts and basic informative markdown files -->
|
||||
<main>
|
||||
|
||||
{% set banner_path = config.extra.taxonomies["roles"][term.name].banner_path | as_str %}
|
||||
{% set styles = "background: url('/" ~ banner_path ~ "'); background-size: cover; background-position: center" %}
|
||||
|
||||
<div class="w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20 -mt-6 max-w-none py-28 max-h-80" style="{{styles}}"></div>
|
||||
<div class="flex flex-col lg:flex-row md:mx-4 lg:mx-6">
|
||||
<article class="article mx-auto lg:w-1/2 lg:mr-8 lg:mt-10">
|
||||
<div class="pt-8 lg:pt-8 2xl:pt-24">
|
||||
<h3 class="text-2xl font-normal my-0 text-gray-600">Our World</h3>
|
||||
<h1 class="text-left font-normal my-2 font-medium">
|
||||
{{ config.extra.taxonomies["roles"][term.name].title }}
|
||||
</h1>
|
||||
<p class="my-4">{{config.extra.taxonomies["roles"][term.name].description}}</p>
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="text-black text-lg">{{term.name}} @ Ourworld</h3>
|
||||
{% for page in term.pages %}
|
||||
{% include "partials/pageBox.html"%}
|
||||
{% endfor %}
|
||||
</article>
|
||||
<div class="mx-auto lg:mt-12">
|
||||
{% include "partials/applicationForm.html"%}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,11 +0,0 @@
|
||||
{% extends "_default/base.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<main class="lg:-mt-6">
|
||||
{{ section.content | safe}}
|
||||
<!-- <hr> -->
|
||||
{% include "partials/page_list.html" %}
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,65 +0,0 @@
|
||||
<!-- admonition shortcode for adding admonition in md-->
|
||||
|
||||
{% set classes = "" %}
|
||||
|
||||
{% set first_line = body | split(pat="\n") | first %}
|
||||
{% set parsed_first_line = first_line | split(pat=" ") %}
|
||||
{% set admonition = parsed_first_line | first %}
|
||||
{% set style = "" %}
|
||||
|
||||
{% set content = body | split(pat="\n") | slice(start=2) | join(sep="\n") %}
|
||||
|
||||
<!-- sets admonition type depending on qualifiers and modifiers
|
||||
hides content if doesn't adhere to admonition formatting -->
|
||||
{% if admonition == "!!!" %}
|
||||
{% set classes = "admonition" %}
|
||||
{% elif admonition == "???" %}
|
||||
{% set style = "collapsible closed" %}
|
||||
{% set classes = "admonition" %}
|
||||
{% elif admonition == "???+" %}
|
||||
{% set style = "collapsible open" %}
|
||||
{% set classes = "admonition" %}
|
||||
{% else %}
|
||||
{% set classes = "hidden" %}
|
||||
{% endif %}
|
||||
|
||||
{% if "inline end" in first_line %}
|
||||
{% set classes = classes ~ " inline end" %}
|
||||
{% set parsed_first_line = parsed_first_line | slice(end=-2)%}
|
||||
{% elif "inline" in first_line %}
|
||||
{% set classes = classes ~ " inline" %}
|
||||
{% set parsed_first_line = parsed_first_line | slice(end=-1)%}
|
||||
{% endif %}
|
||||
|
||||
{% if classes != "hidden"%}
|
||||
{% if parsed_first_line[1] %}
|
||||
{% set classes = classes ~ " " ~ parsed_first_line[1] %}
|
||||
{% endif %}
|
||||
{% if parsed_first_line[2] %}
|
||||
{% if not parsed_first_line[2] == '""' %}
|
||||
{% set title = parsed_first_line | slice(start=2) | join(sep=" ") %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% if parsed_first_line[1] %}
|
||||
{% set title = parsed_first_line[1] | title %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if "collapsible" in style %}
|
||||
<details class="{{classes}}"
|
||||
{% if "open" in style %} {{ "open='open'" }} {% endif %}>
|
||||
{% if title %}
|
||||
<summary class="admonition-title">{{ title | trim_start_matches(pat='"') | trim_end_matches(pat='"') }}</summary>
|
||||
<p>{{ content }}</p>
|
||||
{% endif %}
|
||||
</details>
|
||||
{% else %}
|
||||
<div class="{{classes}}">
|
||||
{% if title %}
|
||||
<div class="admonition-title">{{ title | trim_start_matches(pat='"') | trim_end_matches(pat='"') }}</div>
|
||||
{% endif %}
|
||||
<p>{{ content }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -1,5 +0,0 @@
|
||||
|
||||
{% set path = body | split(pat="href=") | slice(start=1) | first | split(pat=">") | first | trim_start_matches(pat='"') | trim_end_matches(pat='"') %}
|
||||
<button onclick="window.location='{{path}}'" class="border-transparent flex flex-col border-2 w-full items-start rounded h-16 md:h-24 transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||||
{{ body | trim_start_matches(pat="<p>") | safe}}
|
||||
</button>
|
||||
@ -1,56 +0,0 @@
|
||||
<style>
|
||||
.bg_earn {
|
||||
background-color: #F2EDE8;
|
||||
}
|
||||
|
||||
.bg-boxs {
|
||||
background-color: #f7f4f0;
|
||||
}
|
||||
</style>
|
||||
<div class="relative px-4 sm:px-6 lg:pb-28 lg:px-8 bg_earn">
|
||||
<div class="relative max-w-7xl mx-auto">
|
||||
<div class="grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="h-full w-full object-cover" src="/images/1_plug_in.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">All you need to get started is
|
||||
electricity, a network connection, and a FreeFlow Node</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="h-full w-full object-cover" src="/images/2_offer_capacity.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Provide decentralized storage and
|
||||
compute capacity to host your communities digital life while maintaining privacy.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="h-full w-full object-cover" src="/images/3_earn.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Earn in the most valuable and
|
||||
rapidly growing economy: the Internet and cloud</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<button class="flex mx-auto uppercase"
|
||||
onclick="window.open('https://threefoldfoundation.github.io/books/freeflow/network/farming/farming_reward.html', '_blank')">see
|
||||
rewards</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,73 +0,0 @@
|
||||
<style>
|
||||
.bg_earning {
|
||||
background-color: #F2F2F2;
|
||||
}
|
||||
|
||||
.bg_fflow_twin {
|
||||
background-color: #EAF3F7;
|
||||
}
|
||||
|
||||
.bg_CHi_green {
|
||||
background-color: #EBFFED;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="relative px-4 sm:px-6 lg:pb-28 lg:px-8 bg-white">
|
||||
<div class="absolute inset-0">
|
||||
<div class="bg-white h-1/3 sm:h-2/3"></div>
|
||||
</div>
|
||||
<div class="relative max-w-7xl mx-auto">
|
||||
<div class="grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
|
||||
|
||||
<div class="flex flex-col p-6 rounded-lg shadow-lg overflow-hidden bg_earning">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="h-full w-full object-cover" src="/images/get_earn.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h3 class="mt-2 text-4xl leading-9 font-normal uppercase text-gray-900">
|
||||
get a node and <br /><b class="font-bold">start earning</b>
|
||||
</h3>
|
||||
<div class="mt-3 leading-6 text-gray-800 text-lg max-w-sm">Get a FreeFlow Node and add capacity to
|
||||
the FreeFlow Network.</div>
|
||||
<button class="uppercase font-bold" onclick="window.location='/node'">know more</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col p-6 rounded-lg shadow-lg overflow-hidden bg_fflow_twin">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="h-full w-full object-cover" src="/images/ff_twin.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h3 class="mt-2 text-4xl leading-9 font-normal uppercase text-gray-900">
|
||||
GET THE <br /><b class="font-bold">FREEFLOW TWIN</b>
|
||||
</h3>
|
||||
<div class="mt-3 leading-6 text-gray-800 text-lg max-w-sm">Reserve your sovereign digital twin. <br>Take control over your digital life.</div>
|
||||
<button class="uppercase font-bold" onclick="window.location='/twin'">know more</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-col p-6 rounded-lg shadow-lg overflow-hidden bg_CHi_green">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="h-full w-full object-cover" src="/images/chi.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h3 class="mt-2 text-4xl leading-9 font-normal uppercase text-gray-900">
|
||||
ACQUIRE <br /><b class="font-bold">CHI</b>
|
||||
</h3>
|
||||
<div class="mt-3 leading-6 text-gray-800 text-lg max-w-sm">The digital energy currency
|
||||
of <br>the FreeFlow network `CHI token`</div>
|
||||
<button class="uppercase font-bold"
|
||||
onclick="window.open('https://threefoldfoundation.github.io/books/freeflow/network/buy/buy_my_chi.html', '_blank')">know
|
||||
more</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,52 +0,0 @@
|
||||
<style>
|
||||
.bg_earn3 {
|
||||
background-color: #F9F8F6;
|
||||
}
|
||||
|
||||
.bg-boxs3 {
|
||||
background-color: #EFEDEB;
|
||||
}
|
||||
</style>
|
||||
<div class="relative px-4 sm:px-6 lg:pb-28 lg:px-8 bg_earn3">
|
||||
<div class="relative max-w-7xl mx-auto">
|
||||
<div class="grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs3">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="mx-auto object-cover" src="/images/education.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h2 class="uppercase">FREEFLOWING<br> EDUCATION</h2>
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">All citizens can now acquire information and learn skills.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="mx-auto object-cover" src="/images/empowerment.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h2 class="uppercase">FREEFLOWING<br> EMPOWERMENT</h2>
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">All citizens can now attain the opportunity to participate in the digital economy.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="mx-auto object-cover" src="/images/collaboration.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h2 class="uppercase">FREEFLOWING<br> COLLABORATION</h2>
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">All citizens can now work together to achieve goals and growth.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,52 +0,0 @@
|
||||
<style>
|
||||
.bg_earn2 {
|
||||
background-color: #f0ece8;
|
||||
}
|
||||
|
||||
.bg-boxs {
|
||||
background-color: #F7F4F1;
|
||||
}
|
||||
</style>
|
||||
<div class="relative px-4 sm:px-6 lg:pb-28 lg:px-8 bg_earn2">
|
||||
<div class="relative max-w-7xl mx-auto">
|
||||
<div class="grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="mx-auto object-cover" src="/images/own_data.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h2 class="uppercase">fully own<br> your data</h2>
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">The entirety of your data belogs to you instead of company or service-provider.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="mx-auto object-cover" src="/images/own_identy.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h2 class="uppercase">unbeatable<br> privacy</h2>
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Only you have control of your data and decide who has access to it. Forever.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="mx-auto object-cover" src="/images/endless.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h2 class="uppercase">zero<br> manipulation</h2>
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Your data can never be used for financial or commercial gains by anyone.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,95 +0,0 @@
|
||||
<div class="container px-4 sm:px-6 lg:pb-28 lg:px-8 mx-auto">
|
||||
|
||||
<div class="grid gap-3 max-w-lg mx-auto lg:grid-cols-2 lg:max-w-none">
|
||||
|
||||
<div class="flex flex-row flex-wrap mx-4 sm:mx-0 py-2">
|
||||
<div class="w-full md:w-2/6 mx-auto sm:mx-0">
|
||||
<img class="mx-auto" src="/images/meet.png" alt="" />
|
||||
</div>
|
||||
<div class="w-full md:w-4/6 text-center md:text-left md:pl-2 justify-center">
|
||||
<h2 class="uppercase text-5xl">Meet & Communicate</h2>
|
||||
<p class="leading-6 text-gray-900 text-xl max-w-sm">Chat with your friends, hold meetings and and have video conferencing.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row flex-wrap mx-4 sm:mx-0 py-2">
|
||||
<div class="w-full md:w-2/6 mx-auto sm:mx-0">
|
||||
<img class="mx-auto" src="/images/exchange.png" alt="" />
|
||||
</div>
|
||||
<div class="w-full md:w-4/6 text-center md:text-left md:pl-2 justify-center">
|
||||
<h2 class="uppercase text-5xl">Exchange & Store Money</h2>
|
||||
<p class="leading-6 text-gray-900 text-xl max-w-sm">Transact or manage your assets using the wallet features available with the Twin.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row flex-wrap mx-4 sm:mx-0 py-2">
|
||||
<div class="w-full md:w-2/6 mx-auto sm:mx-0">
|
||||
<img class="mx-auto" src="/images/create.png" alt="" />
|
||||
</div>
|
||||
<div class="w-full md:w-4/6 text-center md:text-left md:pl-2 justify-center">
|
||||
<h2 class="uppercase text-5xl">Create</h2>
|
||||
<p class="leading-6 text-gray-900 text-xl max-w-sm">Create videos, documents or anything else you require for your daily needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row flex-wrap mx-4 sm:mx-0 py-2">
|
||||
<div class="w-full md:w-2/6 mx-auto sm:mx-0">
|
||||
<img class="mx-auto" src="/images/organize.png" alt="" />
|
||||
</div>
|
||||
<div class="w-full md:w-4/6 text-center md:text-left md:pl-2 justify-center">
|
||||
<h2 class="uppercase text-5xl">Organize</h2>
|
||||
<p class="leading-6 text-gray-900 text-xl max-w-sm">Archive and organize all your data in one place without worrying about security.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row flex-wrap mx-4 sm:mx-0 py-2">
|
||||
<div class="w-full md:w-2/6 mx-auto sm:mx-0">
|
||||
<img class="mx-auto" src="/images/share.png" alt="" />
|
||||
</div>
|
||||
<div class="w-full md:w-4/6 text-center md:text-left md:pl-2 justify-center">
|
||||
<h2 class="uppercase text-5xl">Share</h2>
|
||||
<p class="leading-6 text-gray-900 text-xl max-w-sm">Send your data and files to anyone of your choice directly without central servers.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row flex-wrap mx-4 sm:mx-0 py-2">
|
||||
<div class="w-full md:w-2/6 mx-auto sm:mx-0">
|
||||
<img class="mx-auto" src="/images/publish.png" alt="" />
|
||||
</div>
|
||||
<div class="w-full md:w-4/6 text-center md:text-left md:pl-2 justify-center">
|
||||
<h2 class="uppercase text-5xl">Publish</h2>
|
||||
<p class="leading-6 text-gray-900 text-xl max-w-sm">Build websites, librariies or whatever else you require with the FreeFlow Twin.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row flex-wrap mx-4 sm:mx-0 py-2">
|
||||
<div class="w-full md:w-2/6 mx-auto sm:mx-0">
|
||||
<img class="mx-auto" src="/images/discover.png" alt="" />
|
||||
</div>
|
||||
<div class="w-full md:w-4/6 text-center md:text-left md:pl-2 justify-center">
|
||||
<h2 class="uppercase text-5xl">Discover</h2>
|
||||
<p class="leading-6 text-gray-900 text-xl max-w-sm">FInd and browse any information without being tracked or logged.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row flex-wrap mx-4 sm:mx-0 py-2">
|
||||
<div class="w-full md:w-2/6 mx-auto sm:mx-0">
|
||||
<img class="mx-auto" src="/images/collaborate.png" alt="" />
|
||||
</div>
|
||||
<div class="w-full md:w-4/6 text-center md:text-left md:pl-2 justify-center">
|
||||
<h2 class="uppercase text-5xl">Collaborate</h2>
|
||||
<p class="leading-6 text-gray-900 text-xl max-w-sm">Work with your friends, family or collegues or projects or tasks together.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row flex-wrap mx-4 sm:mx-0 py-2">
|
||||
<div class="w-full md:w-2/6 mx-auto sm:mx-0">
|
||||
<img class="mx-auto" src="/images/develop.png" alt="" />
|
||||
</div>
|
||||
<div class="w-full md:w-4/6 text-center md:text-left md:pl-2 justify-center">
|
||||
<h2 class="uppercase text-5xl">Develop & Expand</h2>
|
||||
<p class="leading-6 text-gray-900 text-xl max-w-sm">Develop more tools or decentralized applications for the FreeFlow Grid.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,53 +0,0 @@
|
||||
<style>
|
||||
.bg_earn {
|
||||
background-color: #D9E7DF;
|
||||
}
|
||||
|
||||
.bg-boxs {
|
||||
background-color: #F7F4F1;
|
||||
}
|
||||
</style>
|
||||
<div class="relative px-4 sm:px-6 lg:pb-28 lg:px-8 bg_earn">
|
||||
<div class="relative max-w-7xl mx-auto">
|
||||
<div class="grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="mx-auto object-cover" src="/images/key.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h2 class="uppercase">EVERYONE<br> HAS ACCESS</h2>
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Every member of society has access and there are no barriers to entry,.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="mx-auto object-cover" src="/images/partake.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h2 class="uppercase">ANYONE<br> CAN PARTAKE</h2>
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Only you have control of your data and decide who has access to it.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="mx-auto object-cover" src="/images/succeed.png" alt="" />
|
||||
</div>
|
||||
<div class="flex-1 p-6 flex flex-col justify-between text-center">
|
||||
<div class="flex-1">
|
||||
<h2 class="uppercase">ANYONE<br> CAN SUCCEED</h2>
|
||||
<div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Anyone can attain the opportunity to earn and to better their lives.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -1,78 +0,0 @@
|
||||
{% set styles = "background-image: url('/images/ston_bg.png');" %}
|
||||
{% set data = load_data(url="https://gridproxy.grid.tf/stats?status=up", required=false, format="json") %}
|
||||
{% if data %}
|
||||
{% set capacity = data.totalHru + data.totalSru / (1024 * 1024 * 1024 * 1024) %}
|
||||
{% set nodes = data.nodes %}
|
||||
{% set countries = data.countries %}
|
||||
{% endif %}
|
||||
<style>
|
||||
.bg-map {
|
||||
background-color: #EAE8E3;
|
||||
}
|
||||
</style>
|
||||
<div class="bg-map pb-24">
|
||||
<div class="relative max-w-7xl mx-auto">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 ">
|
||||
<div class=" overflow-hidden">
|
||||
<div class="px-2 py-16">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="/images/node_icon.png" width="65" alt="">
|
||||
</div>
|
||||
<div class="ml-5 w-0 flex-1 pt-3">
|
||||
<dl>
|
||||
<dd class="flex items-baseline mb-5 ">
|
||||
<div class="text-6xl advance leading-8 font-extrabold text-gray-900">
|
||||
{{ nodes }}
|
||||
</div>
|
||||
</dd>
|
||||
<dt class="text-2xl leading-8 uppercase font-medium text-gray-900 truncate">
|
||||
freeflow nodes <br />deployed
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" overflow-hidden bg-no-repeat bg-center bg-contain text-center" style="{{styles}}">
|
||||
<div class="px-2 py-16">
|
||||
<div class="flex items-start">
|
||||
<div class="ml-5 w-0 flex-1 pt-3">
|
||||
<dl>
|
||||
<dd class="flex items-baseline mb-5 ">
|
||||
<div class="text-6xl advance leading-8 mx-auto font-extrabold text-gray-900">
|
||||
{{ countries }}
|
||||
</div>
|
||||
</dd>
|
||||
<dt class="text-2xl leading-8 uppercase font-medium text-gray-900 truncate">
|
||||
countries <br />involved
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" overflow-hidden">
|
||||
<div class="px-2 py-16">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="/images/capacity_icon.png" width="65" alt="">
|
||||
</div>
|
||||
<div class="ml-5 w-0 flex-1 pt-3">
|
||||
<dl>
|
||||
<dd class="flex items-baseline mb-5 ">
|
||||
<div class="text-6xl advance leading-8 font-extrabold text-gray-900">
|
||||
{{ capacity | round() }}TB
|
||||
</div>
|
||||
</dd>
|
||||
<dt class="text-2xl leading-8 uppercase font-medium text-gray-900 truncate">
|
||||
capacity <br />generated
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,44 +0,0 @@
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
{% set columns = body | safe | markdown | split(pat="|||") %}
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
{% set classes = "relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 lg:-mx-12 xl:-mx-8" %}
|
||||
{% set column_classes = "flex-1 m-2 lg:m-4" %}
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
|
||||
<div class="{{classes}}">
|
||||
{% 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 | split(pat="{% button() %}") | slice(end=1)}}
|
||||
{% for button in column | split(pat="{% button() %}") | slice(start=1) | join(sep="") | split(pat="{%% end %%}") | slice(end=-1) %}
|
||||
{% set body = button %}
|
||||
{% include "shortcodes/button.html" %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="{{column_classes}}">
|
||||
{{column | split(pat="{% button() %}") | slice(end=1) | first | safe}}
|
||||
<hr class="border-t-2 mt-2">
|
||||
<br/>
|
||||
{% for button in column | split(pat="{% button() %}") | slice(start=1) | join(sep="") | split(pat="{%% end %%}") | slice(end=-1) %}
|
||||
{% set body = button %}
|
||||
{% include "shortcodes/button.html" %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -1,3 +0,0 @@
|
||||
<div class="mermaid">
|
||||
{{ body }}
|
||||
</div>
|
||||
@ -1,250 +0,0 @@
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
{% if page %}
|
||||
{% if "](" in body %}
|
||||
{% set body_arr = body | split(pat="](") %}
|
||||
{% set body = body_arr[0] %}
|
||||
{% for i in body_arr %}
|
||||
{% set prev_index = loop.index0 - 1 %}
|
||||
{% if not loop.first %}
|
||||
{% if "![" in body_arr[prev_index] %}
|
||||
{% set_global body = body ~ '](' ~ page.permalink ~ i %}
|
||||
{% else %}
|
||||
{% if i is not starting_with("http") %}
|
||||
{% set base_url = get_url(path="") %}
|
||||
{% set_global body = body ~ '](' ~ base_url ~ i %}
|
||||
{% else %}
|
||||
{% set_global body = body ~ '](' ~ i %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% set columns = body | safe | markdown | split(pat="<p>|||</p>") %}
|
||||
|
||||
{% set row_class = "relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden"%}
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
{% if 2 < columns | length %}
|
||||
{% set row_class = row_class ~ " lg:items-start" %}
|
||||
{% else %}
|
||||
{% set row_class = row_class ~ " items-center" %}
|
||||
{% endif %}
|
||||
|
||||
{% set col_class = "flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4" %}
|
||||
|
||||
|
||||
{% set row_id = '' %}
|
||||
|
||||
{% if id %}
|
||||
{% set row_id = id %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
{% set padding_class = " py-8 md:py-8 lg:py-24" %}
|
||||
|
||||
{% if padding %}
|
||||
{% if "none" in padding %}
|
||||
{% set padding_class = " py-0" %}
|
||||
{% elif "top" in padding %}
|
||||
{% set padding_class = " py-2 md:py-4 lg:pt-24" %}
|
||||
{% elif "bottom" in padding %}
|
||||
{% set padding_class = " py-2 md:py-4 lg:pb-24" %}
|
||||
{% elif "both" in padding %}
|
||||
{% set padding_class = " py-8 md:py-4 lg:py-24" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if css %}
|
||||
{% set padding_class = padding_class ~ " " ~ css %}
|
||||
{% endif %}
|
||||
|
||||
{% set row_class = row_class ~ padding_class %}
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
{% set margin_class = " mx-4 md:mx-16 lg:mx-24" %}
|
||||
|
||||
{% if margin %}
|
||||
{% if "none" in margin %}
|
||||
{% set margin_class = " mx-0" %}
|
||||
{% elif "wide" in margin %}
|
||||
{% set margin_class = " mx-8 sm:mx-8 md:mx-12 lg:mx-16 xl:mx-20 " %}
|
||||
{% elif "moderate" in margin %}
|
||||
{% set margin_class = " mx-8 sm:mx-16 md:mx-20 lg:mx-28" %}
|
||||
{% elif "narrow" in margin %}
|
||||
{% set margin_class = " mx-8 sm:mx-20 md:mx-28 lg:mx-40" %}
|
||||
{% elif "tight" in margin %}
|
||||
{% set margin_class = " mx-8 sm:mx-32 md:mx-40 lg:mx-80 xl:mx-96" %}
|
||||
{% elif "header" in margin %}
|
||||
{% set margin_class = " mx-8 sm:mx-20 md:mx-28 lg:mx-40 my-10" %}
|
||||
{% elif "withContainer" in margin %}
|
||||
{% set margin_class = " mx-8 " %}
|
||||
{% endif %}
|
||||
{% if "lean-left" in margin %}
|
||||
{% set margin = margin_class | replace(from=" ", to=" first:")%}
|
||||
{% set margin_left = margin | replace(from="mx", to="-ml") %}
|
||||
{% set margin_right = margin | replace(from="mx", to="mr") %}
|
||||
{% set col_class = col_class ~ " md:last:px-8 lg:last:px-20 lg:max-w-[50%] lg:mx-0 " ~ margin_left ~ margin_right %}
|
||||
{% set row_class = row_class ~ " sm:gap-0 " %}
|
||||
{% elif "lean-right" in margin %}
|
||||
{% set margin = margin_class | replace(from=" ", to=" last:")%}
|
||||
{% set margin_left = margin | replace(from="mx", to="ml") %}
|
||||
{% set margin_right = margin | replace(from="mx", to="-mr") %}
|
||||
{% set col_class = col_class ~ " md:first:px-8 lg:first:px-20 lg:max-w-[50%] lg:mx-0 " ~ margin_left ~ margin_right %}
|
||||
{% set row_class = row_class ~ " sm:gap-0 " %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if css %}
|
||||
{% set margin_class = margin_class ~ " " ~ css %}
|
||||
{% endif %}
|
||||
|
||||
{% set row_class = row_class ~ margin_class %}
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
{% if reverse %}
|
||||
{% if "rightreserve" in reverse %}
|
||||
{% set row_class = "flex flex-col-reverse md:flex-row items-center mx-8" %}
|
||||
{% elif "leftreserve" in reverse %}
|
||||
{% set row_class = "flex flex-col md:flex-row items-center mx-8" %}
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if style %}
|
||||
|
||||
{% if "center" in style %}
|
||||
{% set row_class = row_class ~ " text-center items-center " %}
|
||||
{% set col_class = col_class ~ " flex-1 " %}
|
||||
{% endif %}
|
||||
|
||||
{% if "right" in style %}
|
||||
{% set row_class = row_class ~ " text-center lg:text-right md:text-right justify-center " %}
|
||||
{% set col_class = col_class ~ " flex-1 m-4 lg:m-0 mx-8" %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if "items-end" in style %}
|
||||
{% set row_class = row_class ~ " lg:items-end" %}
|
||||
{% set col_class = col_class ~ " flex-1 " %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
{% if "between" in style %}
|
||||
{% set row_class = row_class ~ " lg:max-w-6xl " %}
|
||||
{% elif "moderate" in style %}
|
||||
{% set row_class = row_class ~ " " %}
|
||||
{% endif %}
|
||||
|
||||
<!-- makes row full screen width, strips margins -->
|
||||
{% if "narrow" in style %}
|
||||
{% 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 ~ " mx-20 " %}
|
||||
{% endif %}
|
||||
|
||||
{% if "invert-color" in style %}
|
||||
|
||||
{% set row_class = row_class ~ " text-white lg:text-white " %}
|
||||
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% set row_class = row_class ~ " " %}
|
||||
{% endif %}
|
||||
|
||||
{% set anchor_link = ""%}
|
||||
{% if anchor %}
|
||||
{% set anchor_link = anchor %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
{% set styles = "" %}
|
||||
{% set div_class = " " %}
|
||||
{% if bgPath %}
|
||||
{% set background_url = page.permalink ~ bgPath %}
|
||||
{% set styles = "background: url('" ~ background_url ~ "'); background-size: cover; background-position: center;" %}
|
||||
{% if "#desktop" in bgPath %}
|
||||
{% set bgStyle = false %}
|
||||
{% set div_class = " !bg-[length:0px_0px] !bg-no-repeat lg:!bg-cover " %}
|
||||
{% set row_class = row_class | replace(from='text-white', to='text-black') %}
|
||||
{% if "invert-color" in style %}
|
||||
{% if "#desktop" in bgPath %}
|
||||
{% set row_class = row_class ~ " lg:text-white " %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if bgStyle %}
|
||||
{% if "full" in bgStyle %}
|
||||
{% set styles = styles ~ "height: -webkit-fill-available; height: 100vh;" %}
|
||||
{% elif "hero" in bgStyle %}
|
||||
{% set div_class = div_class ~ " -mt-24 pt-12 " %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if bgColor %}
|
||||
{% set styles = "background-color: " ~ bgColor ~ "; background-size: cover" %}
|
||||
{% set row_class = row_class %}
|
||||
{% endif %}
|
||||
|
||||
{% if class %}
|
||||
{% set styles = "background-color: " ~ bgColor ~ "; background-size: cover" %}
|
||||
{% set row_class = row_class %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
{% set no_margins = " -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" %}
|
||||
|
||||
|
||||
<div id="{{anchor_link}}" class="{{'relative justify-center flex overflow-hidden ' ~ div_class }}" style="{{styles}}">
|
||||
<div id="{{row_id}}" class="{{row_class}}" style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
{% 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 %}
|
||||
{{ column | safe }}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
@ -1,8 +0,0 @@
|
||||
|
||||
{% set height = 52 %}
|
||||
{% if size %}
|
||||
{% if size == "small" %}
|
||||
{% set height = 28 %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
<div class="h-20 lg:h-{{height}}"></div>
|
||||
@ -1,79 +0,0 @@
|
||||
<div class="lg:my-32 flex flex-col mt-5 p-auto lg:px-40">
|
||||
<h2 class="flex py-2 mx-auto uppercase font-bold lg:text-6xl">
|
||||
THE TEAM
|
||||
</h2>
|
||||
<div class="lg:max-w-4xl text-xl text-center mb-8 mx-auto leading-relaxed">Spread across the world, our team has
|
||||
built some of the world’s best Internet storage and cloud automation technologies since the ‘90s. With a strong
|
||||
vision for the future, we’re now on a mission to create a peer-to-peer Internet that can host all of humanity’s
|
||||
digital workloads via smart contract, removing all forms of centralization from global IT systems.</div>
|
||||
<div class="flex overflow-x-scroll pb-10 scrollable">
|
||||
<div class="flex flex-nowrap ml-10 mt-10">
|
||||
<div class="inline-block px-3">
|
||||
<div class="
|
||||
box
|
||||
max-w-xs
|
||||
overflow-hidden
|
||||
rounded-full
|
||||
shadow-md
|
||||
hover:shadow-xl
|
||||
transition-shadow
|
||||
duration-300
|
||||
ease-in-out
|
||||
">
|
||||
<a href="https://threefold.io/people/adnan_fatayerji/" title="Adnan Fatayerji">
|
||||
<img src="https://threefold.io/assets/static/adnan_fatayerji.a68c322.7ba2b95e75c9fab15be532f16ac0d644.jpg"
|
||||
class="rounded-full mx-auto mt-3" alt="Adnan Fatayerji" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.scrollable::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.scrollable::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.scrollable::-webkit-scrollbar-thumb {
|
||||
background: linear-gradient(45deg, #70dfc9, #ee7bf7);
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
/* #70dfc9, #ee7bf7 */
|
||||
.box {
|
||||
position: relative;
|
||||
height: 150px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.box::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 50%;
|
||||
padding: 10px;
|
||||
background: linear-gradient(45deg, #70dfc9, #ee7bf7);
|
||||
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
||||
-webkit-mask-composite: destination-out;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
|
||||
.box img {
|
||||
filter: grayscale(100%);
|
||||
height: 130px;
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
.box img:hover {
|
||||
filter: grayscale(0);
|
||||
}
|
||||
</style>
|
||||
@ -1,7 +0,0 @@
|
||||
{% extends "index.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{{ terms }}
|
||||
|
||||
{% endblock content %}
|
||||
@ -1,12 +0,0 @@
|
||||
{% extends "index.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% set section = get_section(path="blog/_index.md")%}
|
||||
<main class="pt-16">
|
||||
{{ section.content | safe}}
|
||||
<hr>
|
||||
{% include "partials/page_list.html" %}
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
Loading…
Reference in New Issue
Block a user