kodorvan/perm
1
0
Fork 0
generated from mirzaev/pot
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

after Ksenia

Browse Source
This commit is contained in:
Arsen Mirzaev Tatyano-Muradovich
2025-11-22 10:25:53 +03:00
parent f53840c125
commit d70791aff2
10 changed files with 108 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
kodorvan/perm/system/public/js/pages/main.js
View File

@@ -10,6 +10,7 @@ import("../modules/hotline.mjs").then((module) => {
instance.alive = true;
instance.wheel = false;
instance.delta = 3;
instance.step = -0.5;
// Starting the hotline instance
instance.start();

92
kodorvan/perm/system/public/themes/test/css/blocks/hotline.css
View File

@@ -1,38 +1,66 @@
section#projects {
> h2.title {
font-size: 2.4rem;
font-family: "Bahnschrift";
margin: 0.1em 0 0.2em 0;
}
>h2.title {
font-size: 2.4rem;
font-family: "Bahnschrift";
margin: 0.1em 0 0.2em 0;
}
div.hotline {
max-width: 100vw;
max-height: 360px;
height: max(16vw, 16vh);
display: inline-flex;
gap: 15px;
div.hotline {
width: 100vw;
height: 250px;
display: inline-flex;
gap: 15px;
> :is(article, div) {
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-align: centr;
> :is(article, div) {
position: relative;
min-width: 220px;
max-width: 220px;
width: 220px;
height: 100%;
overflow: hidden;
border-radius: 0.75rem;
min-width: 200px;
height: 100%;
border-radius: 1.125rem;
overflow: hidden;
background: rgb(0, 0, 0);
h4 {
position: absolute;
z-index: 50;
justify-self: center;
bottom: 0.4rem;
margin: unset;
padding: 0.4rem 1rem 0.3rem;
font-family: "Bahnschrift";
font-size: 1.2rem;
font-weight: 900;
color: #fff;
text-shadow: 2px 2px 3px #000;
}
p {
font-family: "Bahnschrift";
font-size: 1.8rem;
font-weight: bold;
color: #ffffff;
text-shadow: 5px 5px 2px rgba(14, 165, 2335, 0.7);
text-align: center;
}
}
}
img.background {
position: absolute;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
&:is(.pechatalka) {
>img.background {
filter: blur(1.5px) brightness(0.8);
}
}
&:is(.understyle) {
>img.background {
object-position: bottom;
filter: blur(1px) brightness(0.8);
}
}
&:is(.surikov) {
>img.background {
object-position: bottom;
filter: blur(0.4px) brightness(0.8);
}
}
}
}
}

1
kodorvan/perm/system/public/themes/test/css/header.css
View File

@@ -20,6 +20,7 @@ header {
}
> a#logotype {
margin-top: -0.4rem;
display: flex;
flex-direction: column;
font-size: 1.1rem;

BIN
kodorvan/perm/system/public/themes/test/images/projects/pechatalka.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
kodorvan/perm/system/public/themes/test/images/projects/surikov.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

BIN
kodorvan/perm/system/public/themes/test/images/projects/understyle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
kodorvan/perm/system/public/themes/test/images/projects/understyle_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

74
kodorvan/perm/system/views/themes/test/main/blocks/projects.html
View File

@@ -1,48 +1,48 @@
<section id="projects" class="container unselectable">
<h2 class="title">Проекты</h2>
<div id="wrap" class="hotline unselectable" data-hotline="true" data-hotline-step="-3" data-hotline-magnetic="center"
data-hotline-interval="10">
<article>
<p>ZHARKO</p>
</article>
<article>
<p>STCS</p>
</article>
<article>
<p>BRAINROT</p>
<div id="wrap" class="hotline unselectable">
<article class="pechatalka">
<h4>ПЕЧАТАЛКА</h4>
<img class="background" src="/themes/test/images/projects/pechatalka.gif" alt="pechatalka"/>
</article>
<article>
<p>ZHARKO</p>
</article>
<article>
<p>STCS</p>
</article>
<article>
<p>BRAINROT</p>
<article class="understyle">
<h4>under.style</h4>
<img class="background" src="/themes/test/images/projects/understyle.png" alt="under.style"/>
</article>
<article>
<p>ZHARKO</p>
</article>
<article>
<p>STCS</p>
</article>
<article>
<p>BRAINROT</p>
<article class="surikov">
<h4>Музей-библиотека имени Сурикова</h4>
<img class="background" src="/themes/test/images/projects/surikov.png" alt="surikov"/>
</article>
<article>
<p>ZHARKO</p>
</article>
<article>
<p>STCS</p>
</article>
<article>
<p>BRAINROT</p>
<article class="pechatalka">
<h4>ПЕЧАТАЛКА</h4>
<img class="background" src="/themes/test/images/projects/pechatalka.gif" alt="pechatalka"/>
</article>
<article class="understyle">
<h4>under.style</h4>
<img class="background" src="/themes/test/images/projects/understyle.png" alt="under.style"/>
</article>
<article class="surikov">
<h4>Музей-библиотека имени Сурикова</h4>
<img class="background" src="/themes/test/images/projects/surikov.png" alt="surikov"/>
</article>
<article class="pechatalka">
<h4>ПЕЧАТАЛКА</h4>
<img class="background" src="/themes/test/images/projects/pechatalka.gif" alt="pechatalka"/>
</article>
<article class="understyle">
<h4>under.style</h4>
<img class="background" src="/themes/test/images/projects/understyle.png" alt="under.style"/>
</article>
<article class="surikov">
<h4>Музей-библиотека имени Сурикова</h4>
<img class="background" src="/themes/test/images/projects/surikov.png" alt="surikov"/>
</article>
</div>
</section>

6
kodorvan/perm/system/views/themes/test/main/blocks/statistics.html Normal file
View File

@@ -0,0 +1,6 @@
<section class="statistic">
<div class="accordion">
</div>
</section>

1
kodorvan/perm/system/views/themes/test/main/index.html
View File

@@ -11,6 +11,7 @@
{% block main %}
{% include '/themes/test/main/blocks/introdution.html' %}
{% include '/themes/test/main/blocks/statistics.html' %}
{% include '/themes/test/main/blocks/projects.html' %}
{% include '/themes/test/main/blocks/service.html' %}
{% include '/themes/test/main/blocks/advantages.html' %}