Skip to content

Commit b7138db

Browse files
EzeesEzees
authored
Update home.html
1 parent a614d39 commit b7138db

File tree

1 file changed

+250
-102
lines changed

1 file changed

+250
-102
lines changed

‎_layout/home.html‎

Lines changed: 250 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -1,119 +1,267 @@
1-
---
2-
layout: archive
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
34

4-
# other options
5-
---
5+
<title>{{ HOME.title }}</title>
6+
<meta name="description" content="{{ page.desc }}">
7+
<meta name="author" content="{{ author }}">
8+
<meta property="og:site_name" content="{{ site.title }}">
9+
<meta property="og:title" content="{{ page.title }}">
10+
<meta property="og:url" content="{{ site.url }}{{ page.url }}">
11+
<meta property="og:description" content="{{ page.desc }}">
12+
<meta property="og:image" content="{{ site.url }}{{ page.image }}">
13+
<meta property="og:type" content="website">
14+
<meta property="og:locale" content="en_US">
15+
<meta name="twitter:card" content="summary_large_image">
16+
<meta name="twitter:site" content="@werty35169010">
17+
<meta name="twitter:creator" content="@werty35169010">
18+
<meta name="twitter:title" content="{{ page.title }}">
19+
<meta name="twitter:description" content="{{ page.desc }}">
20+
<meta name="twitter:image" content="{{ site.url }}{{ page.image }}">
621

7-
<div class="overflow-hidden lg:flex">
8-
<div class="relative w-full lg:w-1/3 xl:w-2/5 2xl:w-1/2 lg:h-screen">
9-
<div class="h-full">
10-
<img class="absolute object-cover object-center w-full h-full"
11-
src="assets/images/bio-photo.png" />
22+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
23+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
1224

25+
<meta name="google-site-verification" content="" />
26+
27+
<meta name="theme-color" content="#212121">
28+
<meta name="application-name" content="ezees"/>
29+
<meta name="msapplication-TileColor" content="#021212" />
30+
<meta name="msapplication-TileImage" content="{{ site.url }}/images/favicons/mstile-144x144.png" />
31+
<meta name="msapplication-square70x70logo" content="{{ site.url }}/images/favicons/mstile-70x70.png" />
32+
<meta name="msapplication-square150x150logo" content="{{ site.url }}/images/favicons/mstile-150x150.png" />
33+
<meta name="msapplication-wide310x150logo" content="{{ site.url }}/images/favicons/mstile-310x150.png" />
34+
<meta name="msapplication-square310x310logo" content="{{ site.url }}/images/favicons/mstile-310x310.png" />
35+
36+
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{ site.url }}/images/favicons/apple-touch-icon-57x57.png" />
37+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/images/favicons/apple-touch-icon-114x114.png" />
38+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ site.url }}/images/favicons/apple-touch-icon-72x72.png" />
39+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/images/favicons/apple-touch-icon-144x144.png" />
40+
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="{{ site.url }}/images/favicons/apple-touch-icon-60x60.png" />
41+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{ site.url }}/images/favicons/apple-touch-icon-120x120.png" />
42+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{ site.url }}/images/favicons/apple-touch-icon-76x76.png" />
43+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ site.url }}/images/favicons/apple-touch-icon-152x152.png" />
44+
<link rel="icon" type="image/png" href="{{ site.url }}/images/favicons/favicon-196x196.png" sizes="196x196" />
45+
<link rel="icon" type="image/png" href="{{ site.url }}/images/favicons/favicon-96x96.png" sizes="96x96" />
46+
<link rel="icon" type="image/png" href="{{ site.url }}/images/favicons/favicon-32x32.png" sizes="32x32" />
47+
<link rel="icon" type="image/png" href="{{ site.url }}/images/favicons/favicon-16x16.png" sizes="16x16" />
48+
<link rel="icon" type="image/png" href="{{ site.url }}/images/favicons/favicon-128.png" sizes="128x128" />
49+
<link rel="shortcut icon" type="image/x-icon" href="{{ site.url }}/favicon.ico">
1350

14-
<div class="relative flex flex-col h-full p-12 text-center text-white lg:text-left lg:justify-between">
15-
<div> {% include logo.html %} </div>
16-
17-
{{ content }}
18-
19-
<div class="py-20 lg:py-0 lg:max-w-md">
20-
<div>
21-
<h1 class="text-3xl 2xl:text-5xl font-extralight"> Top Services <br />
22-
For Freelancers
23-
</h1>
24-
25-
26-
<h3 class="archive__subtitle">{{ site.data.ui-text[site.locale].recent_posts | default: "Recent Posts" }}</h3>
27-
28-
{% if paginator %}
29-
{% assign posts = paginator.posts %}
30-
{% else %}
31-
{% assign posts = site.posts %}
32-
{% endif %}
33-
<p class="mt-3 text-base font-light 2xl:text-lg 2xl:mt-6">
34-
{{ site.description }}
35-
</p>
36-
</div>
37-
38-
<div class="hidden w-full mt-8 lg:inline-block 2xl:mt-16">
39-
<div class="h-1 w-9 bg-brand"></div>
40-
41-
<h1 class="mt-4 text-xl 2xl:text-2xl">Recent Articles</h1>
42-
43-
<div class="mt-5">
44-
{% for post in site.posts limit:3 %}
45-
<a
46-
class="block font-light underline truncate"
47-
href="{{ post.url }}"
48-
>
49-
{{ post.title }}</a
50-
>
51-
{% endfor %}
52-
</div>
53-
54-
<div class="mt-5">
55-
<a class="text-brand hover:underline" href="/posts"
56-
>More Articles</a
57-
>
58-
</div>
59-
</div>
60-
</div>
61-
62-
<div class="hidden lg:inline-block lg:max-w-md">
63-
<div>
64-
<p class="text-lg font-medium">Andy Chase</p>
65-
<a
66-
class="font-light hover:underline"
67-
href="mailto:[email protected]"
68-
>contact@[email protected]</a
69-
>
70-
</div>
71-
72-
<div class="mt-5 space-x-5 text-xs font-base 2xl:mt-10">
73-
<a
74-
href="https://github.com/ezees.io"
75-
target="_blank"
76-
class="cursor-pointer hover:underline"
77-
>
78-
Suggest a change
79-
</a>
80-
</div>
81-
</div>
82-
</div>
51+
<script type="application/ld+json">
52+
{
53+
"@context": "https://schema.org",
54+
"@type": "BlogPosting",
55+
"name": "{{ page.title }}",
56+
"url": "{{ site.url }}{{ page.url }}",
57+
"logo": "{{ site.url }}/images/a-logo.jpg",
58+
"image":"{{ site.url }}{{ page.image }}",
59+
"headline": {{ page.title | jsonify }},
60+
"datePublished": {{ page.date | jsonify }},
61+
"dateModified": {{ page.last_modified_at | default: page.date | jsonify }},
62+
"author":{
63+
"@type":"Person",
64+
"name":"{{ site.author }}",
65+
"url":"{{ site.url }}{{ page.url }}"
66+
},
67+
"mainEntityOfPage":{
68+
"@type":"WebPage",
69+
"@id":"{{ site.url }}"
70+
}
71+
}
72+
</script>
73+
74+
<style>html { visibility: hidden; opacity: 0; }</style>
75+
76+
{% if page.url != '/about/' %}
77+
<link rel="stylesheet" href="{{ site.url }}/css/main.css" media="print" onload="this.media='all'">
78+
{% else %}
79+
<link rel="stylesheet" href="{{ site.url }}/css/main.css" media="print" onload="this.media='all'">
80+
<link rel="stylesheet" href="https://unpkg.com/flickity/dist/flickity.min.css" media="print" onload="this.media='all'">
81+
{% endif %}
82+
</head>
83+
84+
<body>
85+
86+
<header class="container my-5">
87+
<div class="columns-1 w-max flex flex-row mx-5">
88+
<a href="{{ site.url }}" class="m-2">
89+
<img class="avatar"alt="avatar">
90+
</a></a>
91+
92+
<h1 class="text-white text-glow self-center">Mr.TonG's Blog</h1>
8393
</div>
84-
</div>
94+
<div class="layout--home">
95+
{%- include paginator.html -%}
96+
</div>
8597

86-
{% include board_listing.html %}
98+
<div class="columns-2 flex flex-col lg:flex-row basis-1/2 mt-5 mx-5">
99+
<div class="flex-1 flex flex-row justify-around self-center space-between w-full">
100+
<a href="https://ezees.github.io" target="_blank">
101+
<img src="{{ site.url }}/images/svg/github.svg" alt="ezees github" class="rounded-full sm-circle hover:drop-shadow-md bg-c-gray">
102+
</a>
103+
<a href="https://www.youtube.com/c/mrtong26" target="_blank">
104+
<img src="{{ site.url }}/images/svg/youtube.svg" alt="ezees youtube" class="rounded-full sm-circle hover:drop-shadow-md bg-c-gray">
105+
</a>
106+
<a href="https://www.linkedin.com/in/mrtongp/" target="_blank">
107+
<img src="{{ site.url }}/images/svg/linkedin.svg" alt="ezees linkedin" class="rounded-full sm-circle hover:drop-shadow-md bg-c-gray">
108+
</a>
109+
<a href="https://twitter.com/ezees" target="_blank">
110+
<img src="{{ site.url }}/images/svg/twitter.svg" alt="ezees twitter" class="rounded-full sm-circle hover:drop-shadow-md bg-c-gray">
111+
</a>
112+
<a href="https://t.me/ezees" target="_blank">
113+
<img src="{{ site.url }}/images/svg/telegram.svg" alt="ezees telegram" class="rounded-full sm-circle hover:drop-shadow-md bg-c-gray">
114+
</a>
115+
<a href="https://ezees.github.io/feed.xml" target="_blank">
116+
<img src="{{ site.url }}/images/svg/rss.svg" alt="ezees rss" class="rounded-full sm-circle hover:drop-shadow-md bg-c-gray">
117+
</a>
118+
</div>
119+
120+
<div class="lg:columns-2 flex gap-5 flex-row p-3 basis-1/2">
121+
<button class="text-cyan-400 rounded-md bg-c-gray flex-1 p-3 w-full hover:drop-shadow-md m-shadow" onclick="window.open('https://discord.gg/UM92zUn')">Discord</button>
122+
<button class="text-cyan-400 rounded-md bg-c-gray flex-1 p-3 w-full hover:drop-shadow-md m-shadow" onclick="window.location.href='{{ site.url }}/about/'">whoami</button>
123+
</div>
124+
</div>
125+
</header>
87126

88-
<div class="block lg:hidden bg-brand-gray-10 px-8">
89-
<div class="w-full mt-8 inline-block text-center text-white">
90-
<div class="h-1 w-9 bg-brand mx-auto"></div>
127+
<main>
128+
<div class="container flex flex-col my-5">
129+
{{ content }}
130+
</div>
91131

92-
<h1 class="mt-4 text-xl 2xl:text-2xl">Recent Articles</h1>
132+
{% if page.url == '/' %}
133+
134+
<div class="fixed search-btn m-5">
135+
<button aria-label="search" class="modal-trigger circle-btn glow" data-modal="search-box">
136+
<img height="24px" width="24px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAADLUlEQVRoge2YT0tUURjG3zMj6Kgk2KoGJDBJtCDBXYv+QAuJCgrEhTu/gW6MElr0DcJFKz9AIITiwqAioSRMN22CSER0jBahRTVp/lqcO3TmzJ3rPdczM0nzrO49cJ7nec99z7nve0TqqOP/hvJFBDSKSFZE2kQkLyLbSqkNX/zeAaSBAeAR8B7YoxRfgRfAXaCz1p5FRARIAcPAaojhKOwD00B3Lc33A8uOxm3sApNAc7XNDwHfQ1Z1EbgDXABOAU1AO9AL3ECnWC4kkCUgWy3z44FZE7PA2Zjz08AIsG5xbAI9lTY/ZJnfBq4n5MoAU1YQH4Djvn0XBPuttFn1sWLAmLUoz4AGH55NkRTw1hDZiZsyMfkfWF9i1Bd3QWDYEkiUNhH8qWAfmanZ7ou8geJzftYLcalOJ5A3dCZ8EQ8YpL+Bc16Iw7UeGlofgcOXN+izu4BFDz6jtPqsVO1zmZ8qM37JeH6S3N7BUEqtiMhaGe0DURIA0CQiZuH1Mpk1J5gaTidd2BfIikjaeN9M4sgRZtnd4TIxLIBW633L2Y47chH6kQgLYM96b3K2444W4/mby8SwAL5Y7yed7bjjhPH82WViWAA5KV6FanRSp41npza0JAClFCKybAxdS2gqFtCNzUVjaMEH6T3jx5ID0gfPSqx1y9D6BRzzQdpJcbk74sFrmI4C3hg6cz7Jpw3idSDjjfyvxqBVRlz2Sd6NbsALmPJGrvk7gE8G/yuf/AWRSWuFxjzxtgIrBu9PKlHxonvYJUNoH91JlSsC43B2WOYBxn36tgWz6NsDE7M43rQFG3bQSpsC5iuxx0zxHvTtgYk8uhmJrN+BFuA2xadNGBIFEbv7QV99PBaRsJNiTXRJvCH6T94sujzoEl3f28byInJfRK6IyFVj/KmI3FRK/YjrywnoXnkU3YAnxWuCDYveY/NVTadAuB2YQPewcbALzBFyzh82iEM10OgG/LzoNOkV3Yy0iS4Gt0Sn04KIPFdK7UTwZES3rtVLJ98AGim+J6pOOvlEPYh/BWU29kytfTmhTBBnau3LCUEQM4H5d+g7q6MHoOvImq+jjgrjD2ynTrObdlSTAAAAAElFTkSuQmCC" alt="search ezees blogs">
137+
</button>
138+
</div>
93139

94-
<div class="mt-5">
95-
{% for post in site.posts limit:3 %}
96-
<a class="block font-light underline truncate" href="{{ post.url }}">
97-
{{ post.title }}</a
98-
>
99-
{% endfor %}
140+
<div id="search-box" class="modal">
141+
<div class="modal-content container tr-dark glow h-auto w-full lg:w-3/5 m-5 p-5 rounded-md" tabindex="-1">
142+
<button class="circle-btn glow float-right modal-close m-10">
143+
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAgUlEQVRIx+2UMQ6AIBAEiX+4xCdY4P8r4h+k8DljIYUxIiBgNLIVxbJ7dwunVMM/AQzABPQRXAEMMKYYGDZYQALi1nFNioEAs7u4nHUSw7ltki1+JVRM3DNnezhLlrink6TKuyIVvHZEVUOu+kyrf7QnVoV2JsEQd8tO38qi4ftYAR2/iAqKWJdNAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA1LTE5VDA5OjQ5OjEwKzAwOjAwbzh86wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNS0xOVQwOTo0OToxMCswMDowMB5lxFcAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC">
144+
</button>
145+
<input type="text" id="search-input" placeholder="Search..." class="w-full bg-transparent mx-auto my-5 text-white">
146+
<ul id="results-container" class="text-lg font-bold text-emerald-400"></ul>
100147
</div>
148+
</div>
149+
{% endif %}
150+
</main>
101151

102-
<div class="mt-5">
103-
<a class="text-brand hover:underline" href="/posts">More Articles</a>
152+
<footer class="glow">
153+
<div class="container flex flex-col mx-auto">
154+
<ul class="pagination flex flex-row content-center justify-center m-3">
155+
{% if paginator.previous_page %}
156+
<li class="m-2"><a href="{{ paginator.previous_page_path }}"><img height= "36px" width="36px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAdklEQVRYw+3VOQqAMBRFUYfGHduppfsRHFZmea2E8MFG1Bfk3S5F4PBDkqJwzjn3bsAAjGpHijnTogIGYALqXDAL0BiTO2Y15gtMdWPPHtalZDJpQBumtMmOzKgHULoblzsqPgez7HO9mFQnxYRJ9WqHc879pgPVEUzX8o5ZzQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNS0xOVQwOTo0MDo1OSswMDowMIL/HAgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDUtMTlUMDk6NDA6NTkrMDA6MDDzoqS0AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==" alt="previous-page"></a></li>
157+
{% else %}
158+
<li class="m-2 w-9 h-9"></li>
159+
{% endif %}
160+
{% if paginator.page %}
161+
<li class="active bg-cyan-400 w-9 h-9 m-2 flex content-center justify-center">
162+
<span class="my-1.5 text-black font-black">{{ paginator.page }}/{{ paginator.total_pages }}</span>
163+
</li>
164+
{% endif %}
165+
{% if paginator.next_page %}
166+
<li class="m-2"><a href="{{ paginator.next_page_path }}"><img height= "36px" width="36px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAb0lEQVRYw+3VMQqAMBBE0WjAI9smpdcxglez/FaCLmmE4Aac36V7TLEJQSmlVJuADCzejjvmyhcFRGDjWfZGTcBqUO5LCfUGVYT6CjU2dg3mfXiuY29TEqZHTBGmgonA3tvnOrsvU0El92WUUuoPnTEnTNd6fqlgAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA1LTE5VDA5OjQyOjQ4KzAwOjAw7NfHHwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNS0xOVQwOTo0Mjo0OCswMDowMJ2Kf6MAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC" alt="next-page"></a></li>
167+
{% else %}
168+
<li class="m-2 w-9 h-9"></li>
169+
{% endif %}
170+
</ul>
171+
<div class="flex justify-center content-center">
172+
<span class="text-white">init : july 4 2024</span>
104173
</div>
105174
</div>
175+
176+
<h4>It is now
177+
<script type="text/javascript">
178+
<!--
179+
var currentTime = new Date()
180+
var hours = currentTime.getHours()
181+
var minutes = currentTime.getMinutes()
182+
if (minutes < 10){
183+
minutes = "0" + minutes
184+
}
185+
document.write(hours + ":" + minutes + " ")
186+
if(hours > 11){
187+
document.write("PM")
188+
} else {
189+
document.write("AM")
190+
}
191+
//-->
192+
</script>
193+
</h4>
106194

107-
{% include footer.html %}
108-
</div>
109-
</div>
195+
<h4>AT
196+
<script type="text/javascript">
197+
<!--
198+
var currentTime = new Date()
199+
var month = currentTime.getMonth() + 1
200+
var day = currentTime.getDate()
201+
var year = currentTime.getFullYear()
202+
document.write(month + "/" + day + "/" + year)
203+
//-->
204+
</script>
205+
</h4>
206+
</footer>
110207

111-
{% assign entries_layout = page.entries_layout | default: 'list' %}
112-
<div class="entries-{{ entries_layout }}">
113-
{% for post in posts %}
114-
{% include archive-single.html type=entries_layout %}
115-
{% endfor %}
116-
</div>
208+
<script async src="{{ site.url }}/js/lazysizes.min.js"></script>
209+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GGYRHYVYBV"></script>
210+
<script async src="https://www.google-analytics.com/analytics.js"></script>
211+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GGYRHYVYBV"></script>
212+
<script>
213+
window.dataLayer = window.dataLayer || [];
214+
function gtag() {
215+
dataLayer.push(arguments);
216+
}
217+
gtag("js", new Date());
117218

118-
{% include paginator.html %}
219+
gtag("config", "G-GGYRHYVYBV");
220+
</script>
119221

222+
223+
{% if page.url == '/' %}
224+
225+
<script async type="text/javascript" src="{{ site.url }}/js/search.js" onload="init_search()"></script>
226+
<script>
227+
function init_search() {
228+
window.simpleJekyllSearch = new SimpleJekyllSearch({
229+
searchInput: document.getElementById('search-input'),
230+
resultsContainer: document.getElementById('results-container'),
231+
json: '{{ site.url }}/search.json',
232+
success: function () {}
233+
})
234+
}
235+
236+
document.addEventListener('DOMContentLoaded', function() {
237+
var elems = document.querySelectorAll('.modal-trigger');
238+
elems.forEach(function (trigger) {
239+
trigger.addEventListener('click', function (event) {
240+
event.preventDefault();
241+
const modal = document.getElementById(trigger.dataset.modal);
242+
modal.classList.add('open', 'backdrop-blur');
243+
document.getElementById('search-input').focus();
244+
const exits = modal.querySelectorAll('.modal-close');
245+
exits.forEach(function (exit) {
246+
exit.addEventListener('click', function (event) {
247+
event.preventDefault();
248+
modal.classList.remove('open', 'backdrop-blur');
249+
});
250+
document.addEventListener('keyup', function(e) {
251+
if (e.keyCode == 27) {
252+
modal.classList.remove('open', 'backdrop-blur');
253+
}
254+
});
255+
});
256+
});
257+
});
258+
});
259+
</script>
260+
<script>
261+
{%- include scripts/home.js -%}
262+
</script>
263+
264+
{{ content }}
265+
{% endif %}
266+
</body>
267+
</html>

0 commit comments

Comments
 (0)