-
-
Notifications
You must be signed in to change notification settings - Fork 31
/
index.html
209 lines (187 loc) · 7.93 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
---
layout: default
title: Home
description: "Techlore is educating people about digital rights, privacy, security, digital control, and other important topics to push the world towards a safer internet."
last_modified_at: 2024-11-01
---
{% include variables.html %}
<div class="container">
{% include c_hero-banner.html %}
</div>
<section>
<div class="container">
<div class="columns has-1-cols-mobile has-2-cols-tablet two-columns-spacer">
<div class="column">
{%- include c_box-header.html title=t.videos.titleNewest links=site.techloreVideos.links -%}
<div class="box">
<ul class="video-list video-list--50 marginless listless columns is-multiline is-gap-2 is-justify-content-space-between">
{% for video in site.data._en.forum.latest-techlore-videos limit: 2 %}
{% assign forumLink = video.id | prepend: "https://discuss.techlore.tech/t/" %}
{%- include c_video.html
title=video.fancy_title
desc=video.excerpt
link=forumLink
thumbnail=video.image_url
date=video.created_at
-%}
{% endfor %}
</ul>
</div>
</div>
<div class="column">
{%- include c_box-header.html title=t.home.hotTopics links=site.forum.links -%}
<div class="box">
<noscript>
<div class="has-text-weight-light">
{% include c_nojs-message.html title="this widget" %}
</div>
</noscript>
<ul class="topic-list listless marginless is-flex is-gap-2 is-flex-direction-column"
data-forum="https://discuss.techlore.tech"
data-feed="{{ site.forumJson }}"
data-count="4"
>
<li class="topic-list__item">
<a href="" class="topic-list__link is-flex is-flex-direction-row is-gap-2 is-align-items-flex-start is-justify-content-flex-start">
<img src="{% link assets/images/avatar-default.svg %}" width="48" height="48" alt="Placeholder image" class="topic-list__avatar has-radius-rounded is-skeleton">
<span class="topic-list__text is-flex is-flex-direction-column">
<span class="topic-list__title is-skeleton">Yeah, I guessed you're a sailor, aren't you?</span>
<span class="topic-list__footer mt-1 is-flex is-gap-3 is-align-items-flex-start">
<span class="topic-list__views is-skeleton">
(o) 5
</span>
<span class="topic-list__last-poster is-skeleton">
Oct 26, 1985, 01:21 by Marty85
</span>
</span>
</span>
</a>
</li>
<li class="topic-list__item">
<a href="" class="topic-list__link is-flex is-flex-direction-row is-gap-2 is-align-items-flex-start is-justify-content-flex-start">
<img src="{% link assets/images/avatar-default.svg %}" width="48" height="48" alt="Placeholder image" class="topic-list__avatar has-radius-rounded is-skeleton">
<span class="topic-list__text is-flex is-flex-direction-column">
<span class="topic-list__title is-skeleton">Chuck, Chuck, its' your cousin. Your cousin Marvin Berry!</span>
<span class="topic-list__footer mt-1 is-flex is-gap-3 is-align-items-flex-start">
<span class="topic-list__views is-skeleton">
(o) 5
</span>
<span class="topic-list__last-poster is-skeleton">
Oct 26, 1985, 01:20 by Brown_Enterprises
</span>
</span>
</span>
</a>
</li>
<li class="topic-list__item">
<a href="" class="topic-list__link is-flex is-flex-direction-row is-gap-2 is-align-items-flex-start is-justify-content-flex-start">
<img src="{% link assets/images/avatar-default.svg %}" width="48" height="48" alt="Placeholder image" class="topic-list__avatar has-radius-rounded is-skeleton">
<span class="topic-list__text is-flex is-flex-direction-column">
<span class="topic-list__title is-skeleton">Check out that 4x4. That is hot. Someday, Jennifer, someday.</span>
<span class="topic-list__footer mt-1 is-flex is-gap-3 is-align-items-flex-start">
<span class="topic-list__views is-skeleton">
(o) 5
</span>
<span class="topic-list__last-poster is-skeleton">
Nov 12, 1955, 22:04 by Biff
</span>
</span>
</span>
</a>
</li>
<li class="topic-list__item">
<a href="" class="topic-list__link is-flex is-flex-direction-row is-gap-2 is-align-items-flex-start is-justify-content-flex-start">
<img src="{% link assets/images/avatar-default.svg %}" width="48" height="48" alt="Placeholder image" class="topic-list__avatar has-radius-rounded is-skeleton">
<span class="topic-list__text is-flex is-flex-direction-column">
<span class="topic-list__title is-skeleton">Last night, Darth Vader came down from planet Vulcan.</span>
<span class="topic-list__footer mt-1 is-flex is-gap-3 is-align-items-flex-start">
<span class="topic-list__views is-skeleton">
(o) 5
</span>
<span class="topic-list__last-poster is-skeleton">
Nov 12, 1955, 22:04 by GeorgeMcFly
</span>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<h2 class="has-text-centered">{{ t.resources.section.title }}</h2>
{% comment %}- Left links column -{% endcomment %}
{% assign courses = site.data._en.navigation.mainNav.goincognito %}
{% assign coaching = site.data._en.navigation.mainNav.coaching %}
{% assign freeResources = site.data._en.navigation.mainNav.resources %}
{% comment %}- creating array -{% endcomment %}
{% assign leftUrls = "" | split: "" %}
{% assign leftUrls = leftUrls | push: courses | push: coaching | push: freeResources %}
{% comment %}- Right links column -{% endcomment %}
{% assign spaQuiz = site.data._en.navigation.hiddenNav.spaQuiz %}
{% assign vpnToolkit = site.data._en.navigation.hiddenNav.vpnToolkit %}
{% assign plexus = site.data._en.navigation.hiddenNav.plexus %}
{% comment %}- creating array -{% endcomment %}
{% assign rightUrls = "" | split: "" %}
{% assign rightUrls = rightUrls | push: spaQuiz | push: vpnToolkit | push: plexus %}
{%- include c_linkhub-dual-wrapper.html
leftTitle=t.resources.section.learn.title
leftDesc=t.resources.section.learn.desc
leftLinkArray=leftUrls
rightTitle=t.resources.section.tools.title
rightDesc=t.resources.section.tools.desc
rightLinkArray=rightUrls
leftButtonClass="is-primary"
rightButtonClass="is-danger"
-%}
</div>
</section>
<section>
<div class="container">
<h2 class="has-text-centered">{{ t.support.section.title }}</h2>
<div class="columns has-1-cols has-2-cols-tablet is-centered">
<div class="column is-full-mobile is-half-tablet is-one-third-desktop is-flex">
{% assign socialLinks = site.socials.links | keys %}
{% assign iconSpa = "socials-custom" %}
{% include c_feature-box.html
icon=iconSpa
title=t.featureBox.socials.title
desc=t.featureBox.socials.desc
links=socialLinks
class="is-box-info has-border"
buttonClass="is-info is-large"
tooltip=true
%}
</div>
<div class="column is-full-mobile is-half-tablet is-one-third-desktop is-flex">
{% assign paymentLinks = site.support.links | keys %}
{% assign iconVpn = "donate" %}
{% include c_feature-box.html
icon=iconVpn
title=t.featureBox.supportUs.title
desc=t.featureBox.supportUs.desc
links=paymentLinks
class="is-box-warning has-border"
buttonClass="is-warning is-large"
tooltip=true
%}
</div>
</div>
</div>
</section>
<section>
<div class="container is-max-desktop">
<h2 class="has-text-centered">{{ t.about.section.title }}</h2>
<p class="has-text-centered">{{ t.about.section.desc }}</p>
</div>
<div class="container is-max-desktop mt-6">
{% include team.html isHomepage=true isMini=true %}
<p class="has-text-centered mt-6">
<a href="{% link about.html %}" class="button">{{ t.about.buttonMore }}</a>
</p>
</div>
</section>