fix gleb
This commit is contained in:
parent
443e7ae902
commit
f722b7e244
GPG key ID:
4F8851660FA4121B
1 changed files with 109 additions and 28 deletions
137
index.html
137
index.html
|
|
@ -57,8 +57,13 @@
|
|||
<!-- SVG filter for film grain -->
|
||||
<svg class="sr-only" aria-hidden="true">
|
||||
<filter id="grain">
|
||||
<feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/>
|
||||
<feColorMatrix type="saturate" values="0"/>
|
||||
<feTurbulence
|
||||
type="fractalNoise"
|
||||
baseFrequency="0.65"
|
||||
numOctaves="3"
|
||||
stitchTiles="stitch"
|
||||
/>
|
||||
<feColorMatrix type="saturate" values="0" />
|
||||
</filter>
|
||||
</svg>
|
||||
|
||||
|
|
@ -80,11 +85,21 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="links">
|
||||
<a href="https://t.me/czechoslovakiia" target="_blank" rel="noopener noreferrer" aria-label="Telegram">
|
||||
<a
|
||||
href="https://t.me/czechoslovakiia"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Telegram"
|
||||
>
|
||||
<img src="pix/telegram.png" alt="Telegram" width="48" />
|
||||
</a>
|
||||
<br />
|
||||
<a href="https://git.czsk.it/" target="_blank" rel="noopener noreferrer" aria-label="Gitea">
|
||||
<a
|
||||
href="https://git.czsk.it/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Gitea"
|
||||
>
|
||||
<img src="pix/git.png" alt="Gitea" width="48" />
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -96,9 +111,13 @@
|
|||
<h3 data-reveal>Our work speaks through numbers//</h3>
|
||||
<div class="numbers">
|
||||
<div class="number" data-reveal>
|
||||
<h2><span data-count="27" data-suffix="+">00+</span></h2>
|
||||
<h2>
|
||||
<span data-count="27" data-suffix="+">00+</span>
|
||||
</h2>
|
||||
<h4>COUNTRIES WAS RUINED</h4>
|
||||
<p class="stat-desc">We travel a lot around the world</p>
|
||||
<p class="stat-desc">
|
||||
We travel a lot around the world
|
||||
</p>
|
||||
</div>
|
||||
<div class="number" data-reveal>
|
||||
<h2><span data-count="3" data-suffix="%">00%</span></h2>
|
||||
|
|
@ -106,9 +125,13 @@
|
|||
<p class="stat-desc">Every body hates us</p>
|
||||
</div>
|
||||
<div class="number" data-reveal>
|
||||
<h2><span data-count="15" data-suffix="+">00+</span></h2>
|
||||
<h2>
|
||||
<span data-count="15" data-suffix="+">00+</span>
|
||||
</h2>
|
||||
<h4>YEARS OF EXPERIENCE</h4>
|
||||
<p class="stat-desc">Decades of destroying our's own life</p>
|
||||
<p class="stat-desc">
|
||||
Decades of destroying our's own life
|
||||
</p>
|
||||
</div>
|
||||
<div class="number" data-reveal>
|
||||
<h2><span data-count="0" data-suffix="">00</span></h2>
|
||||
|
|
@ -118,7 +141,9 @@
|
|||
<div class="number" data-reveal>
|
||||
<h2><span data-count="5" data-suffix="">00</span></h2>
|
||||
<h4>COLUMNS</h4>
|
||||
<p class="stat-desc">The designer wanted to put 5 columns here</p>
|
||||
<p class="stat-desc">
|
||||
The designer wanted to put 5 columns here
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -130,10 +155,10 @@
|
|||
<span class="wtf-line">ACTUAL FUCK?</span>
|
||||
</h5>
|
||||
<p class="wtf-body">
|
||||
No one knows what we created or why we created it. We have
|
||||
no goal, we have no idea. Even the president doesn't
|
||||
understand the nonsense that led to the Czechoslovakian
|
||||
Union of Nationalistic Technicians.
|
||||
No one knows what we created or why we created it. We
|
||||
have no goal, we have no idea. Even the president
|
||||
doesn't understand the nonsense that led to the
|
||||
Czechoslovakian Union of Nationalistic Technicians.
|
||||
<br /><br /><br />
|
||||
Welcome to us. And fuck you.
|
||||
</p>
|
||||
|
|
@ -145,84 +170,134 @@
|
|||
<div class="photos-grid">
|
||||
<div class="photo-card featured" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/president.jpg" alt="President Seryoza" loading="lazy" />
|
||||
<img
|
||||
src="pix/president.jpg"
|
||||
alt="President Seryoza"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>President</h6>
|
||||
</div>
|
||||
<div class="photo-name">Seryoza</div>
|
||||
</div>
|
||||
<div class="photo-card" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/primeminister.jpg" alt="Prime Minister Aleks" loading="lazy" />
|
||||
<img
|
||||
src="pix/primeminister.jpg"
|
||||
alt="Prime Minister Aleks"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>Prime <br />Minister</h6>
|
||||
</div>
|
||||
<div class="photo-name">Aleks</div>
|
||||
</div>
|
||||
<div class="photo-card" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/healthcare.jpg" alt="Minister of Healthcare Nikita Eriel" loading="lazy" />
|
||||
<img
|
||||
src="pix/healthcare.jpg"
|
||||
alt="Minister of Healthcare Nikita Eriel"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>Minister of <br />Healthcare</h6>
|
||||
</div>
|
||||
<div class="photo-name">Nikita Eriel</div>
|
||||
</div>
|
||||
<div class="photo-card" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/internal_affairs.jpg" alt="Minister of Internal Affairs Jaan" loading="lazy" />
|
||||
<img
|
||||
src="pix/internal_affairs.jpg"
|
||||
alt="Minister of Internal Affairs Jaan"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>Minister of <br />Internal Affairs</h6>
|
||||
</div>
|
||||
<div class="photo-name">Jaan</div>
|
||||
</div>
|
||||
<div class="photo-card" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/culture/culture2.jpg" alt="Minister of Culture Sandra" loading="lazy" />
|
||||
<img
|
||||
src="pix/culture/culture2.jpg"
|
||||
alt="Minister of Culture Sandra"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>Minister of <br />Culture</h6>
|
||||
</div>
|
||||
<div class="photo-name">Sandra</div>
|
||||
</div>
|
||||
<div class="photo-card" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/trade.jpg" alt="Minister of Trade ¥an" loading="lazy" />
|
||||
<img
|
||||
src="pix/trade.jpg"
|
||||
alt="Minister of Trade ¥an"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>Minister of <br />Trade</h6>
|
||||
</div>
|
||||
<div class="photo-name">¥an</div>
|
||||
</div>
|
||||
<div class="photo-card" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/cat/cat2.jpg" alt="Minister of Regional Affairs Art" loading="lazy" />
|
||||
<img
|
||||
src="pix/cat/cat2.jpg"
|
||||
alt="Minister of Regional Affairs Art"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>Minister of <br />Regional Affairs</h6>
|
||||
</div>
|
||||
<div class="photo-name">Art</div>
|
||||
</div>
|
||||
<div class="photo-card" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/iierar.jpg" alt="Minister of Alternative Foreign Policy PAVEL" loading="lazy" />
|
||||
<h6>Minister of <br />Alternative Foreign Policy</h6>
|
||||
<img
|
||||
src="pix/iierar.jpg"
|
||||
alt="Minister of Alternative Foreign Policy PAVEL"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>
|
||||
Minister of <br />Alternative Foreign Policy
|
||||
</h6>
|
||||
</div>
|
||||
<div class="photo-name">PAVEL</div>
|
||||
</div>
|
||||
<div class="photo-card" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/vietman.jpg" alt="Ambassador to Vietnam" loading="lazy" />
|
||||
<img
|
||||
src="pix/vietman.jpg"
|
||||
alt="Ambassador to Vietnam"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>Ambassador to Vietnam</h6>
|
||||
</div>
|
||||
<div class="photo-name">loquito de la casa</div>
|
||||
</div>
|
||||
<div class="photo-card" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/env.jpg" alt="Minister of the Environment Bee-bee" loading="lazy" />
|
||||
<img
|
||||
src="pix/env.jpg"
|
||||
alt="Minister of the Environment Bee-bee"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>Minister of the Environment</h6>
|
||||
</div>
|
||||
<div class="photo-name">Bee-bee</div>
|
||||
</div>
|
||||
<div class="photo-card" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/gleb.jpg" alt="Minister of Glebing" loading="lazy" />
|
||||
<img
|
||||
src="pix/gleb.jpg"
|
||||
alt="Minister of Glebing"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>Minister of Glebing</h6>
|
||||
</div>
|
||||
<div class="photo-name">Minister of Glebing</div>
|
||||
<div class="photo-name">Gleb</div>
|
||||
</div>
|
||||
<div class="photo-card" data-reveal>
|
||||
<div class="photo-container">
|
||||
<img src="pix/atf.jpg" alt="Head of ATF Masha" loading="lazy" />
|
||||
<img
|
||||
src="pix/atf.jpg"
|
||||
alt="Head of ATF Masha"
|
||||
loading="lazy"
|
||||
/>
|
||||
<h6>Head of ATF</h6>
|
||||
</div>
|
||||
<div class="photo-name">Masha</div>
|
||||
|
|
@ -237,7 +312,13 @@
|
|||
<span id="current-year"></span>
|
||||
— Landing page of Czechoslovakian Union of Nationalistic
|
||||
Technicians // by
|
||||
<a href="https://nikitajevdookishkin.github.io/designer/" class="flink" target="_blank" rel="noopener noreferrer">NJ</a>
|
||||
<a
|
||||
href="https://nikitajevdookishkin.github.io/designer/"
|
||||
class="flink"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>NJ</a
|
||||
>
|
||||
</p>
|
||||
<a href="#hero" class="back-to-top">Back to top</a>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue