-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (140 loc) · 10.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en" theme="light">
<head>
<title>Ashaam ‐ A way to connect Falastin and Britannia</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/layout.css" />
<script type="importmap">
{
"imports": {
"data": "./assets/js/modules/data.mjs",
"helpers": "./assets/js/modules/helpers.mjs",
"objects": "./assets/js/modules/objects.mjs",
"renderer": "./assets/js/modules/renderer.mjs"
}
}
</script>
<script type="module" src="./assets/js/application.mjs"></script>
</head>
<body class="index flexy">
<nav class="global flexy row">
<figure class="logo flexy row">
<a href="./index.html" title="Homepage"><img alt="Ashaam logo by Hamza AbuAyyash" title="Ashaam homepage" src="./assets/images/ashaam-logo-200px.png" /></a>
</figure>
<menu class="secondaryMenu flexy row gap-x1">
<li><a href="./echo.html" target="_top" title="Ashaam Echo">Echo</a></li>
<li><a href="./shop.html" target="_top" title="Ashaam Shop">Shop</a></li>
<li><a href="./events.html" target="_top" title="Events and exhibitions">Events and exhibitions</a></li>
</menu>
<div class="buttons flexy">
<button type="button" id="refreshWindowButton" title="Reload this page">⟳</button>
<button type="button" id="trigramForHeaven" title="Menu">☰</button>
<button type="button" id="goUp" title="Go up">🔼</button>
<button type="button" id="goDown" title="Go down">🔽</button>
</div>
<form class="flexy">
<input type="search" name="q" id="appSearch" placeholder="Search…" />
<input type="submit" value="Search" />
</form>
</nav>
<figure class="easternMediterranean flexy" title="Ashaam aka Levant aka Eastern Mediterranean">
<img alt="An aerial view of the Eastern Mediterranean" title="Ashaam aka Levant aka Eastern Mediterranean" src="./assets/images/ISS-47_Middle_East.jpg" />
<figcaption>Image: "An aerial view of the <a href="https://en.wikipedia.org/wiki/Eastern_Mediterranean" target="_blank" title="Eastern Mediterranean - Wikipedia">Eastern Mediterranean</a>" by NASA Johnson. Source: <a href="https://www.flickr.com/photos/nasa2explore/26380972471/" target="_blank" title="ISS047e057822 (04/14/2016)">Flickr</a>.</figcaption>
<template id="mapData">
<div class="placeholders">
<ul class="waterways">
<li data-slug="mediterranean"><a href="https://en.wikipedia.org/wiki/Mediterranean_Sea" target="_top" title="Mediterranean Sea - Wikipedia">Mediterranean Sea</a></li>
<li data-slug="red"><a href="https://en.wikipedia.org/wiki/Red_Sea" target="_top" title="Red Sea - Wikipedia">Red Sea</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Dead_Sea" target="_top" title="Dead Sea - Wikipedia">Dead Sea</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Nile" target="_top" title="Nile - Wikipedia">Nile River</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Jordan_River" target="_top" title="Jordan River - Wikipedia">Jordan River</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Sea_of_Galilee" target="_top" title="Sea of Galilee - Wikipedia">Lake Tiberias</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Gulf_of_Suez" target="_top" title="Gulf of Suez - Wikipedia">Gulf of Suez</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Gulf_of_Aqaba" target="_top" title="Gulf of Aqaba - Wikipedia">Gulf of Aqaba</a></li>
</ul>
<ul class="countries">
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Turkey" target="_top" title="Turkey - Wikipedia">Republic of Türkiye</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Syria" target="_top" title="Syria - Wikipedia">Syrian Arab Republic</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Lebanon" target="_top" title="Lebanon - Wikipedia">Republic of Lebanon</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/State_of_Palestine" target="_top" title="State of Palestine - Wikipedia">Occupied Palestine</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Jordan" target="_top" title="Jordan - Wikipedia">Hashemite Kingdom of Jordan (HKJ)</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Egypt" target="_top" title="Egypt - Wikipedia">Arab Republic of Egypt</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Saudi_Arabia" target="_top" title="Saudi Arabia - Wikipedia">Kingdom of Saudi Arabia (KSA)</a></li>
<li data-slug=""><a href="https://en.wikipedia.org/wiki/Cyprus" target="_top" title="Cyprus - Wikipedia">Republic of Cyprus</a></li>
</ul>
</div>
<p>I will display 📌</p>
</template>
</figure>
<header>
<h1>Ashaam</h1>
<h2>A way to connect Falastin and Britannia</h2>
</header>
<main id="content" class="flexy">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nisi voluptates aperiam a, quod suscipit sapiente rerum praesentium? Mollitia saepe dolore quisquam in similique iusto enim consectetur tempore dolorum dolor! Consequuntur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quae, officia, alias aut labore sint vero eligendi, laborum fugit magni veritatis asperiores. Incidunt facilis iure culpa nihil animi cumque officia temporibus!</p>
</main>
<section class="badges flexy">
<h4>Download the Ashaam app (Coming soon, insha'Allah)!</h4>
<article class="flexy row">
<figure class="app-store flexy">
<a href="#" title="Download on the App Store" target="_top"><img alt="Download on the App Store" src="https://developer.apple.com/app-store/marketing/guidelines/images/badge-example-preferred.png" /></a>
<figcaption>Apple and the Apple logo are trademarks of Apple Inc.</figcaption>
</figure>
<figure class="google-play flexy">
<!-- https://play.google.com/store/apps/details?id=uk.co.ashaam&utm_source=webapp&utm_campaign=2023 -->
<a href="#" title="Get it on Google Play" target="_top"><img alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png" /></a>
<figcaption>Google Play and the Google Play logo are trademarks of Google LLC.</figcaption>
</figure>
</article>
</section>
<footer class="global flexy row">
<div class="gotop flexy"><a href="#content" title="Back to main content">🔝</a></div>
<div class="copyrights flexy">
<p>Managed with ♥ from occupied Ramallah and free London,</p>
<p>© <time>2023</time> Salaheddin AbuEin.</p>
</div>
<div class="links flexy">
<div class="external flexy">
<h5>Email updates, social media, and code:</h5>
<ul class="emailSocialCode flexy row">
<li><a href="./subscriptions.html" title="Subscribe to email updates" target="_top">Subscribe</a></li>
<li><a href="https://x.com/ashaamuk" title="X" target="_blank" rel="noopener">X</a></li>
<li><a href="https://www.facebook.com/ashaamuk" title="Facebook" target="_blank" rel="noopener">Facebook</a></li>
<li><a href="https://www.linkedin.com/company/ashaam/" title="LinkedIn" target="_blank" rel="noopener">LinkedIn</a></li>
<li><a href="https://www.youtube.com/@ashaamuk" title="YouTube" target="_blank" rel="noopener">YouTube</a></li>
<li><a href="https://www.instagram.com/ashaamuk/" title="Instagram" target="_blank" rel="noopener">Instagram</a></li>
<li><a href="https://www.pinterest.co.uk/ashaamuk/" title="Pinterest" target="_blank" rel="noopener">Pinterest</a></li>
<li><a href="https://github.com/sabuein/ashaam" title="GitHub" target="_blank" rel="noopener">GitHub</a></li>
</ul>
</div>
<div class="internal flexy">
<h5>Another menu:</h5>
<ul class="anotherMenu flexy row">
<li><span class="anchor">🔗</span><a href="./index.html" title="Homepage" target="_top">Homepage</a></li>
<li><span class="anchor">🔗</span><a href="./about.html" title="About" target="_top">About</a></li>
<li><span class="anchor">🔗</span><a href="./account.html" title="Account" target="_top">Account</a></li>
<li><span class="anchor">🔗</span><a href="./admin.html" title="Admin" target="_top">Admin</a></li>
<li><span class="anchor">🔗</span><a href="./contact.html" title="Contact" target="_top">Contact</a></li>
<li><span class="anchor">🔗</span><a href="./privacy.html" title="Privacy" target="_top">Privacy</a></li>
<li><span class="anchor">🔗</span><a href="./terms.html" title="Terms" target="_top">Terms</a></li>
<li><span class="anchor">🔗</span><a href="./rss.html" title="RSS feeds" target="_top">RSS feeds</a></li>
</ul>
</div>
</div>
<div class="display flexy row">
<label for="displayLanguage">Display language:</label>
<select name="language" id="displayLanguage">
<option hreflang="ar" rel="alternate" value="/ar/">العربية</option>
<option hreflang="en_uk" rel="alternate" value="/en_uk/" selected>English (United Kingdom)</option>
</select>
</div>
<div class="cookies flexy row">
<p>This site uses cookies to deliver and enhance the quality of its services and to analyze traffic.</p>
<button>Learn more</button>
<button>OK, got it</button>
</div>
</footer>
</body>
</html>