ourworld_web/www_eden
Archived
20
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

push master to development #11

Merged
PeterNashaat merged 10 commits from master into development 2023-05-28 13:18:26 +00:00
Conversation 0 Commits 10 Files Changed 71 +66 -31
9 changed files with 66 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b57586ebf8 - Show all commits

2
content/_index.md
View File

@ -7,5 +7,5 @@ draft: false
sort_by: weight
weight: 1
extra:
logo_path: images/logo_placeholder_eden_3.png
logo_path: images/logo_placeholder_eden_small.png
---

5
content/about/index.md
View File

@ -9,7 +9,9 @@ weight: 2
<!-- section 1 (JP) -->
{% row(style="center narrow" margin="header" bgPath="img/opwhy.jpg" bgStyle="full") %}
{% row(style="center narrow" margin="tight" bgPath="img/opwhy.jpg" bgStyle="full") %}
<div class="bg-gray-200/50 py-4 px-4 rounded-md">
## About Us
@ -17,6 +19,7 @@ weight: 2
We are fortunate enough to have found this special place and bold enough to turn our dreams into reality. Together we can show people the beauty of our world and help them find themselves in these hectic times.
</div>
{% end %}

5
content/action/index.md
View File

@ -7,7 +7,9 @@ draft: false
weight: 6
---
{% row(style="center narrow" margin="header" bgPath="img/join_header.png" bgStyle="full") %}
{% row(style="center narrow" margin="tight" bgPath="img/join_header.png" bgStyle="full") %}
<div class="bg-gray-200/50 py-4 px-4 rounded-md">
## Calling Dreamers & Doers
@ -20,6 +22,7 @@ Our primary focus is on **raising $4M USD by June 2023** in order to take on ful
<button>[Investment Paper: Soon]()</button>
<button>[Get In Touch](https://docs.google.com/forms/d/e/1FAIpQLSe33Kz4pi3qnNtv115cgSnKCYHZTxZxtPoZKXbaBcWgNbd2qw/viewform)</button>
</div>
{% end %}

6
content/activities/index.md
View File

@ -7,7 +7,9 @@ draft: false
weight: 4
---
{% row(style="center narrow" margin="header" bgPath="img/activities_header_2.png" bgStyle="full") %}
{% row(style="center narrow" margin="tight" bgPath="img/activities_header_2.png" bgStyle="full") %}
<div class="bg-gray-200/50 py-4 px-4 rounded-md">
## Experience Authentic Paradise
@ -15,6 +17,8 @@ weight: 4
No worries. Take it easy. Slowly, slowly, or "Pole, pole," as they say on the island. We have plenty of activities and experiences for eco-conscious and nature-loving travelers.
</div>
{% end %}
{% row(style="center" margin="narrow" padding="top") %}

37
content/home/index.md
View File

@ -9,7 +9,9 @@ weight: 1
<!-- section 1 -->
{% row(style="center narrow" margin="header" bgPath="img/new_home.png" bgStyle="full") %}
{% row(style="center narrow" margin="tight" bgPath="img/new_home.png" bgStyle="full") %}
<div class="bg-gray-200/50 py-4 px-4 rounded-md">
## Welcome to Eden
@ -19,54 +21,77 @@ On the west coast of Zanzibar sits a beautiful and historical community space fo
*We invite you to use the chat on the bottom-right of your screen to get assistance.*
</div>
{% end %}
<br>
{% row(style="center narrow" margin="header" bgPath="img/ruins_big.jpg" bgStyle="full") %}
{% row(style="center narrow" margin="tight" bgPath="img/ruins_big.jpg" bgStyle="full") %}
<div class="bg-gray-200/50 py-4 px-4 rounded-md">
## [About](/about)
Learn more about our project and who we are.
</div>
{% end %}
<br>
{% row(style="center narrow" margin="header" bgPath="img/location_big.jpg" bgStyle="full") %}
{% row(style="center narrow" margin="tight" bgPath="img/location_big.jpg" bgStyle="full") %}
<div class="bg-gray-200/50 py-4 px-4 rounded-md">
## [Location](/location)
Get to know where we are and its history.
</div>
{% end %}
<br>
{% row(style="center narrow" margin="header" bgPath="img/activities_big.png" bgStyle="full") %}
{% row(style="center narrow" margin="tight" bgPath="img/activities_big.png" bgStyle="full") %}
<div class="bg-gray-200/50 py-4 px-4 rounded-md">
## [Activities](/activities)
Find out what paradise has to offer.
</div>
{% end %}
<br>
{% row(style="center narrow" margin="header" bgPath="img/protection_big.jpg" bgStyle="full") %}
{% row(style="center narrow" margin="tight" bgPath="img/protection_big.jpg" bgStyle="full") %}
<div class="bg-gray-200/50 py-4 px-4 rounded-md">
## [Protection](/protection)
Discover how we aim to preserve this place.
</div>
{% end %}
<br>
{% row(style="center narrow" margin="header" bgPath="img/coown_big.png" bgStyle="full") %}
{% row(style="center narrow" margin="tight" bgPath="img/coown_big.png" bgStyle="full") %}
<div class="bg-gray-200/50 py-4 px-4 rounded-md">
## [Action](/action)
Get involved in turning dream into reality.
</div>
{% end %}

6
content/location/index.md
View File

@ -8,7 +8,9 @@ weight: 3
---
<!-- section 1 (Locations) -->
{% row(style="center narrow" margin="header" bgPath="img/luxury.jpeg" bgStyle="full") %}
{% row(style="center narrow" margin="tight" bgPath="img/luxury.jpeg" bgStyle="full") %}
<div class="bg-gray-200/50 py-4 px-4 rounded-md">
## Our Location
@ -18,6 +20,8 @@ You can find us on the west coast of Zanzibar, alongside 150 meters of mangrove-
<button>[Learn the History](/location/history)</button>
</div>
{% end %}
{% row(style="center" margin="narrow" padding="top") %}

5
content/protection/index.md
View File

@ -9,7 +9,9 @@ weight: 4
<!-- section 1 (JP) -->
{% row(style="center narrow" margin="header" bgPath="img/protectheader.jpg" bgStyle="full") %}
{% row(style="center narrow" margin="tight" bgPath="img/protectheader.jpg" bgStyle="full") %}
<div class="bg-gray-200/50 py-4 px-4 rounded-md">
## Programs to Protect
@ -19,6 +21,7 @@ By creating our own paradise we have a responsibility to the planet. Most of the
<button>[Support the Project](/action)</button>
</div>
{% end %}

BIN
static/images/logo_placeholder_eden_small.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

31
templates/partials/header.html
View File

@ -12,7 +12,7 @@
function toggleMenu(button) {
if (displayedMenu === button.id.split("-")[0]) {
button.className = button.className.replace(" text-blue-500 bg-stone-200 sm:bg-transparent", " text-gray-900");
button.className = button.className.replace(" text-green-500 bg-stone-200 sm:bg-transparent", " text-gray-900");
hideMenu(button.id.split("-")[0]);
button.lastElementChild.className = button.lastElementChild.className.replace("rotate-0", "-rotate-90")
displayedMenu = "";
@ -20,7 +20,7 @@
else {
showMenu(button.id.split("-")[0]);
button.lastElementChild.className = button.lastElementChild.className.replace("-rotate-90", "rotate-0")
button.className = button.className.replace(" text-gray-900", " text-blue-500 bg-stone-200 sm:bg-transparent");
button.className = button.className.replace(" text-gray-900", " text-green-500 bg-stone-200 sm:bg-transparent");
displayedMenu = button.id.split("-")[0]
}
}
@ -79,7 +79,7 @@
buttons.forEach((button) => {
button.addEventListener( 'click', function() { handleClick(button) });
})
document.getElementById("mobile-learn-btn").addEventListener( 'click', toggleMenu);
//document.getElementById("mobile-learn-btn").addEventListener( 'click', toggleMenu);
}
</script>
@ -97,33 +97,33 @@
{% else %}
<header id="header-container">
{% set header_class = config.extra.header_class | default(value='') %}
<div class="{{'z-10 bg-white fixed ' ~ header_class}}">
<div class="{{'z-10 header_BG 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 logo">
<img class="h-auto sm:w-15" src="{{logo_path}}" alt="Eden Logo" />
<a href="/" class="flex">
<img class="logo" 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">
<svg class="h-6 w-6 text-black" 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">
<svg class="h-6 w-6 text-black" 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">
<nav class="flex space-x-6">
{% 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">
<a href="{{page.permalink}}" class="text-lg uppercase font-semibold leading-6 text-black focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
{{page.title}}
</a>
<div class="relative">
@ -133,7 +133,7 @@
{% 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">
<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-green-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>
@ -173,7 +173,7 @@
<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="pb-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">
<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 %}
@ -223,10 +223,3 @@
{% endif %}
<style>
.logo{
width: 20%;
}
</style>