initial commit
commit
fca2e8a6ef
@ -0,0 +1,52 @@
|
|||||||
|
[Bodoni*](http://indestructibletype.com/Bodoni.html)
|
||||||
|
========
|
||||||
|
|
||||||
|
Bodoni* is an original font created by [indestructible type*](https://indestructibletype.com/Home.html). It is inspired by
|
||||||
|
the designs of Giambattista Bodoni. This is version 2.0.
|
||||||
|
|
||||||
|
Bodoni* is designed and maintained by [Owen Earl](https://ewonrael.github.io/), who is the creator of the font foundry [indestructible type*](http://indestructible-type.github.io).
|
||||||
|
|
||||||
|
About
|
||||||
|
-----
|
||||||
|
Despite the tremendous popularity of Bodoni typefaces, there is currently no digital family without compromises.
|
||||||
|
Bodoni* hopes to change that by being the first ever no-compromises Bodoni family, built for the digital age.
|
||||||
|
This font family includes a full range of weights, italics, an extended character set, OpenType features, and optical sizes,
|
||||||
|
totalling 64 font files. It was made with love and will continue to improve with your support.
|
||||||
|
[Visit the website for more information!](http://indestructibletype.com/Bodoni)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Changelog
|
||||||
|
---------
|
||||||
|
<b>1.0</b>
|
||||||
|
First Release.<br>
|
||||||
|
<b>1.1</b>
|
||||||
|
Fixed italic fl and ffi ligatures<br>
|
||||||
|
<b>1.2</b>
|
||||||
|
Corrected metadata to include better style links and include ligatures in .ttf files.<br>
|
||||||
|
<b>2.0</b>
|
||||||
|
Created 6 pt. size and variable font versions.
|
||||||
|
|
||||||
|
Web Use
|
||||||
|
-------
|
||||||
|
To use on your webpage, simply put the following line of code into the `<head>` of the webpage you'd like to display Bodoni* and use `font-family: 'Bodoni* 11';` in your css. Make sure to replace 11 with the optical size of your choosing.<br>
|
||||||
|
`<link rel="stylesheet" href="https://indestructibletype.com/fonts/Bodoni/Bodoni.css" type="text/css" charset="utf-8" />`
|
||||||
|
|
||||||
|
Building
|
||||||
|
--------
|
||||||
|
I use fontmake to build the finished font files. If for some reason you want to build this font yourself, follow these steps:
|
||||||
|
|
||||||
|
Download the complete source code, either by cloning this repository or downloading the .zip file.
|
||||||
|
|
||||||
|
Download and install fontmake which can be found [here](https://github.com/googlei18n/fontmake).
|
||||||
|
|
||||||
|
Run the `fontmake.sh` script found in the "scripts" folder.
|
||||||
|
|
||||||
|
This should output two folders, an otf and ttf folder.
|
||||||
|
|
||||||
|
Run the `hinting.sh` script found in the "scripts" folder to make hinted versions of the ttf files.
|
||||||
|
|
||||||
|
Contact
|
||||||
|
-------
|
||||||
|
If you have questions or want to help out, send me and email at indestructibletype@gmail.com
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
<router>
|
||||||
|
<route path="#/index">
|
||||||
|
index
|
||||||
|
</route>
|
||||||
|
<route path="#/predseda">
|
||||||
|
predseda
|
||||||
|
</route>
|
||||||
|
<route path="#/prebiram_spolek">
|
||||||
|
prebiram_spolek
|
||||||
|
</route>
|
||||||
|
<route path="#/zapojit_se">
|
||||||
|
zapojit_se
|
||||||
|
</route>
|
||||||
|
<route path="#/zalozit">
|
||||||
|
zalozit
|
||||||
|
</route>
|
||||||
|
</router>
|
||||||
@ -0,0 +1,104 @@
|
|||||||
|
|
||||||
|
* {box-sizing:border-box}
|
||||||
|
|
||||||
|
/* Slideshow container */
|
||||||
|
.slideshow-container {
|
||||||
|
max-width: 1000px;
|
||||||
|
position: relative;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide the images by default */
|
||||||
|
.mySlides {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Next & previous buttons */
|
||||||
|
.prev, .next {
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
top: 40%;
|
||||||
|
width: auto;
|
||||||
|
margin-top: -22px;
|
||||||
|
padding: 16px;
|
||||||
|
color: var(--color-primary);
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: calc(var(--font-size) * 2);
|
||||||
|
transition: 0.6s ease;
|
||||||
|
border-radius: 0 3px 3px 0;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Position the "next button" to the right */
|
||||||
|
.next {
|
||||||
|
right: -9vw;
|
||||||
|
border-radius: 3px 0 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prev {
|
||||||
|
left: -9vw
|
||||||
|
}
|
||||||
|
|
||||||
|
/* On hover, add a black background color with a little bit see-through */
|
||||||
|
.prev:hover, .next:hover {
|
||||||
|
filter: brightness(50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Caption text */
|
||||||
|
.text {
|
||||||
|
color: #f2f2f2;
|
||||||
|
font-size: 15px;
|
||||||
|
padding: 8px 12px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 8px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Number text (1/3 etc) */
|
||||||
|
.numbertext {
|
||||||
|
color: #f2f2f2;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 8px 12px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The dots/bullets/indicators */
|
||||||
|
.dot {
|
||||||
|
cursor: pointer;
|
||||||
|
height: 1.5vw;
|
||||||
|
width: 1.5vw;
|
||||||
|
margin: 0 2px;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 50%;
|
||||||
|
border-size: 0.05vw;
|
||||||
|
border: solid;
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
display: inline-block;
|
||||||
|
transition: background-color 0.6s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-active, .dot:hover {
|
||||||
|
background-color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fading animation */
|
||||||
|
.fade {
|
||||||
|
-webkit-animation-name: fade;
|
||||||
|
-webkit-animation-duration: 1.5s;
|
||||||
|
animation-name: fade;
|
||||||
|
animation-duration: 1.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes fade {
|
||||||
|
from {opacity: .4}
|
||||||
|
to {opacity: 1}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fade {
|
||||||
|
from {opacity: .4}
|
||||||
|
to {opacity: 1}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
Binary file not shown.
@ -0,0 +1,4 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'Gill Sans MT';
|
||||||
|
src: url("/fonts/gill-sans-mt.ttf");
|
||||||
|
}
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
@font-face
|
||||||
|
font-family: 'Gill Sans MT'
|
||||||
|
src: url("/fonts/gill-sans-mt.ttf")
|
||||||
|
|
||||||
@ -0,0 +1,243 @@
|
|||||||
|
@import "/css/fonts.css";
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
.navigation-overlay {
|
||||||
|
min-height: 100vh;
|
||||||
|
min-width: 100vw;
|
||||||
|
}
|
||||||
|
body > canvas {
|
||||||
|
position: fixed;
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: -2;
|
||||||
|
}
|
||||||
|
.navigation-overlay {
|
||||||
|
position: absolute;
|
||||||
|
transition: 0.7s;
|
||||||
|
opacity: 0;
|
||||||
|
z-index: -1000;
|
||||||
|
}
|
||||||
|
.open-nav {
|
||||||
|
opacity: 1;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
.cross {
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
left: 2vh;
|
||||||
|
top: 2vh;
|
||||||
|
}
|
||||||
|
.cross .idle {
|
||||||
|
opacity: 1;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
.cross .active {
|
||||||
|
opacity: 0;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
.cross img {
|
||||||
|
max-width: inherit;
|
||||||
|
}
|
||||||
|
.cross:hover .active {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.cross:hover .idle {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.menu-btn {
|
||||||
|
left: 3vh;
|
||||||
|
top: 3vh;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
position: absolute;
|
||||||
|
right: 3vh;
|
||||||
|
top: 3vh;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: 0.2s;
|
||||||
|
}
|
||||||
|
.logo:hover {
|
||||||
|
transform: scale(1.15);
|
||||||
|
}
|
||||||
|
.menu {
|
||||||
|
position: absolute;
|
||||||
|
left: 40vh;
|
||||||
|
top: 20vh;
|
||||||
|
}
|
||||||
|
.menu ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.menu ul li {
|
||||||
|
font-family: "Gill Sans MT";
|
||||||
|
font-size: 5vh;
|
||||||
|
margin-bottom: 5vh;
|
||||||
|
}
|
||||||
|
.menu ul li a {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #d73648;
|
||||||
|
transition: 0.3s;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.menu ul li a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #7c242e;
|
||||||
|
}
|
||||||
|
#root {
|
||||||
|
transition: 0.6s;
|
||||||
|
min-height: 100vh;
|
||||||
|
min-width: 100vw;
|
||||||
|
}
|
||||||
|
#root canvas {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
:root {
|
||||||
|
--color-primary: #d73648;
|
||||||
|
--color-lightGrey: #d2d6dd;
|
||||||
|
--color-grey: #747681;
|
||||||
|
--color-darkGrey: #3f4144;
|
||||||
|
--color-error: #d43939;
|
||||||
|
--color-success: #28bd14;
|
||||||
|
--grid-maxWidth: 120rem;
|
||||||
|
--grid-gutter: 2rem;
|
||||||
|
--font-size: 2.5vw;
|
||||||
|
--font-family: "Gill Sans MT", sans-serif;
|
||||||
|
}
|
||||||
|
.darken {
|
||||||
|
opacity: 0;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
.fullheight {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
.cool-button {
|
||||||
|
padding: 3rem 9rem;
|
||||||
|
font-size: calc(var(--font-size) * 0.7);
|
||||||
|
}
|
||||||
|
.horizontal-menu {
|
||||||
|
font-size: calc(var(--font-size) / 2);
|
||||||
|
position: absolute;
|
||||||
|
display: flex;
|
||||||
|
bottom: 5vh;
|
||||||
|
left: 0;
|
||||||
|
padding-left: 8vw;
|
||||||
|
padding-right: 8vw;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: baseline;
|
||||||
|
}
|
||||||
|
.horizontal-menu a {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #000;
|
||||||
|
font-size: calc(var(--font-size) / 2.4);
|
||||||
|
cursor: pointer;
|
||||||
|
transition: 0.2s;
|
||||||
|
}
|
||||||
|
.horizontal-menu a:hover {
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
.up-arrow {
|
||||||
|
position: fixed;
|
||||||
|
top: 80vh;
|
||||||
|
right: 5vw;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.gay-hr {
|
||||||
|
width: 10vw;
|
||||||
|
height: 0.6vh;
|
||||||
|
background-color: var(--color-primary);
|
||||||
|
border-radius: 0.3vh;
|
||||||
|
}
|
||||||
|
.bg-circle {
|
||||||
|
background-image: url("/svg/bg-circle.svg");
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center center;
|
||||||
|
}
|
||||||
|
.bg-square {
|
||||||
|
background-image: url("/svg/bg-square.svg");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: top right;
|
||||||
|
}
|
||||||
|
.smol-video {
|
||||||
|
width: 42vw;
|
||||||
|
}
|
||||||
|
.flexy-boi {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.side-line {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
.side-line::before {
|
||||||
|
content: "";
|
||||||
|
display: inline;
|
||||||
|
margin-right: 1vw;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border: solid 0.125vw var(--color-primary);
|
||||||
|
border-radius: 0.125vw;
|
||||||
|
}
|
||||||
|
.number-gay {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
line-height: 1;
|
||||||
|
margin-bottom: 4vh;
|
||||||
|
margin-right: 2vw;
|
||||||
|
margin-left: 2vw;
|
||||||
|
margin-top: 8vh;
|
||||||
|
}
|
||||||
|
.number-gay span {
|
||||||
|
color: var(--color-primary);
|
||||||
|
font-size: calc(var(--font-size) * 2.2);
|
||||||
|
}
|
||||||
|
.number-gay p {
|
||||||
|
font-size: calc(var(--font-size) / 2.3);
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.number-gay li {
|
||||||
|
font-size: calc(var(--font-size) / 2.6);
|
||||||
|
}
|
||||||
|
.number-gay ol {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: 2vw;
|
||||||
|
}
|
||||||
|
.number-gay ol li {
|
||||||
|
counter-increment: list;
|
||||||
|
list-style-type: none;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.number-gay ol li:before {
|
||||||
|
font-size: 110%;
|
||||||
|
font-weight: 900;
|
||||||
|
color: var(--color-primary);
|
||||||
|
content: counter(list, lower-alpha) ") ";
|
||||||
|
}
|
||||||
|
.row {
|
||||||
|
width: 100vw;
|
||||||
|
}
|
||||||
|
.down {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
@ -0,0 +1,224 @@
|
|||||||
|
@import "/css/fonts.css";
|
||||||
|
|
||||||
|
html, body, .navigation-overlay
|
||||||
|
min-height: 100vh
|
||||||
|
min-width: 100vw
|
||||||
|
|
||||||
|
body > canvas
|
||||||
|
position: fixed
|
||||||
|
height: 100vh
|
||||||
|
width: 100vw
|
||||||
|
left: 0
|
||||||
|
top: 0
|
||||||
|
z-index -2
|
||||||
|
|
||||||
|
.navigation-overlay
|
||||||
|
position absolute
|
||||||
|
transition: .7s;
|
||||||
|
opacity 0
|
||||||
|
z-index -1000
|
||||||
|
|
||||||
|
.open-nav
|
||||||
|
opacity 1
|
||||||
|
z-index 1000
|
||||||
|
|
||||||
|
.cross
|
||||||
|
cursor pointer
|
||||||
|
position absolute
|
||||||
|
|
||||||
|
left 2vh
|
||||||
|
top 2vh
|
||||||
|
.idle
|
||||||
|
opacity: 1
|
||||||
|
position: absolute
|
||||||
|
left: 0
|
||||||
|
transition: .5s
|
||||||
|
.active
|
||||||
|
opacity: 0
|
||||||
|
position: absolute
|
||||||
|
left: 0
|
||||||
|
transition: .5s
|
||||||
|
img
|
||||||
|
max-width: inherit
|
||||||
|
&:hover .active
|
||||||
|
opacity: 1
|
||||||
|
&:hover .idle
|
||||||
|
opacity: 0
|
||||||
|
|
||||||
|
.menu-btn
|
||||||
|
left 3vh
|
||||||
|
top 3vh
|
||||||
|
|
||||||
|
.logo
|
||||||
|
position absolute
|
||||||
|
right: 3vh
|
||||||
|
top: 3vh
|
||||||
|
cursor: pointer
|
||||||
|
transition: .2s
|
||||||
|
&:hover
|
||||||
|
transform: scale(1.15)
|
||||||
|
|
||||||
|
.menu
|
||||||
|
position absolute
|
||||||
|
left: 40vh
|
||||||
|
top: 20vh
|
||||||
|
ul
|
||||||
|
list-style none
|
||||||
|
li
|
||||||
|
font-family "Gill Sans MT"
|
||||||
|
font-size 5vh
|
||||||
|
margin-bottom: 5vh;
|
||||||
|
a
|
||||||
|
cursor pointer
|
||||||
|
color #D73648
|
||||||
|
transition .3s
|
||||||
|
text-decoration none
|
||||||
|
&:hover
|
||||||
|
text-decoration underline
|
||||||
|
color #7C242E
|
||||||
|
|
||||||
|
#root
|
||||||
|
transition .6s
|
||||||
|
min-height 100vh
|
||||||
|
min-width 100vw
|
||||||
|
& canvas
|
||||||
|
position: absolute
|
||||||
|
left: 0
|
||||||
|
top: 0
|
||||||
|
width: 100vw
|
||||||
|
height: 100vh
|
||||||
|
z-index -1
|
||||||
|
|
||||||
|
|
||||||
|
:root
|
||||||
|
--color-primary: #D73648
|
||||||
|
--color-lightGrey: #d2d6dd
|
||||||
|
--color-grey: #747681
|
||||||
|
--color-darkGrey: #3f4144
|
||||||
|
--color-error: #d43939
|
||||||
|
--color-success: #28bd14
|
||||||
|
--grid-maxWidth: 120rem
|
||||||
|
--grid-gutter: 2rem
|
||||||
|
--font-size: 2.5vw
|
||||||
|
--font-family: "Gill Sans MT", sans-serif
|
||||||
|
|
||||||
|
.darken
|
||||||
|
opacity: 0
|
||||||
|
z-index: -1
|
||||||
|
|
||||||
|
.fullheight
|
||||||
|
width: 100vw
|
||||||
|
height: 100vh
|
||||||
|
|
||||||
|
.cool-button
|
||||||
|
padding: 3rem 9rem
|
||||||
|
font-size: calc(var(--font-size) * 0.7)
|
||||||
|
|
||||||
|
.horizontal-menu
|
||||||
|
font-size calc(var(--font-size) / 2)
|
||||||
|
position: absolute
|
||||||
|
display: flex
|
||||||
|
bottom: 5vh
|
||||||
|
left: 0
|
||||||
|
padding-left: 8vw
|
||||||
|
padding-right: 8vw
|
||||||
|
width: 100%
|
||||||
|
box-sizing: border-box
|
||||||
|
justify-content space-between
|
||||||
|
flex-direction row
|
||||||
|
align-items baseline
|
||||||
|
& a
|
||||||
|
text-decoration underline
|
||||||
|
color: #000
|
||||||
|
font-size calc(var(--font-size) / 2.4)
|
||||||
|
cursor pointer
|
||||||
|
transition .2s
|
||||||
|
&:hover
|
||||||
|
color: var(--color-primary)
|
||||||
|
|
||||||
|
.up-arrow
|
||||||
|
position: fixed
|
||||||
|
top: 80vh
|
||||||
|
right: 5vw
|
||||||
|
cursor: pointer
|
||||||
|
|
||||||
|
.gay-hr
|
||||||
|
width: 10vw;
|
||||||
|
height: 0.6vh;
|
||||||
|
background-color: var(--color-primary);
|
||||||
|
border-radius: 0.3vh
|
||||||
|
|
||||||
|
.bg-circle
|
||||||
|
background-image: url("/svg/bg-circle.svg")
|
||||||
|
background-size: contain
|
||||||
|
background-repeat: no-repeat
|
||||||
|
background-position: center center
|
||||||
|
|
||||||
|
.bg-square
|
||||||
|
background-image: url("/svg/bg-square.svg")
|
||||||
|
background-repeat: no-repeat
|
||||||
|
background-position: top right
|
||||||
|
|
||||||
|
.smol-video
|
||||||
|
width: 42vw
|
||||||
|
|
||||||
|
.flexy-boi
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
justify-content: center
|
||||||
|
flex-direction column
|
||||||
|
line-height 1
|
||||||
|
|
||||||
|
.side-line
|
||||||
|
display flex
|
||||||
|
flex-direction row
|
||||||
|
|
||||||
|
.side-line::before
|
||||||
|
content: ""
|
||||||
|
display: inline
|
||||||
|
margin-right 1vw
|
||||||
|
box-sizing: border-box
|
||||||
|
border: solid 0.125vw var(--color-primary)
|
||||||
|
border-radius: 0.125vw
|
||||||
|
|
||||||
|
.number-gay
|
||||||
|
display flex
|
||||||
|
flex-direction row
|
||||||
|
align-items center
|
||||||
|
line-height 1
|
||||||
|
margin-bottom: 4vh
|
||||||
|
margin-right: 2vw
|
||||||
|
margin-left: 2vw
|
||||||
|
margin-top: 8vh
|
||||||
|
& span
|
||||||
|
color var(--color-primary)
|
||||||
|
font-size calc(var(--font-size) * 2.2)
|
||||||
|
& p
|
||||||
|
font-size calc(var(--font-size) / 2.3)
|
||||||
|
margin-bottom 0
|
||||||
|
& li
|
||||||
|
font-size calc(var(--font-size) / 2.6)
|
||||||
|
& ol
|
||||||
|
margin-top 0
|
||||||
|
margin-left 2vw
|
||||||
|
& li
|
||||||
|
counter-increment: list
|
||||||
|
list-style-type: none;
|
||||||
|
position: relative;
|
||||||
|
&:before
|
||||||
|
font-size 110%
|
||||||
|
font-weight 900
|
||||||
|
color: var(--color-primary);
|
||||||
|
content: counter(list, lower-alpha) ") ";
|
||||||
|
|
||||||
|
.row
|
||||||
|
width: 100vw
|
||||||
|
|
||||||
|
.down
|
||||||
|
display flex
|
||||||
|
flex-direction column
|
||||||
|
|
||||||
|
.right
|
||||||
|
align-items center
|
||||||
|
display flex
|
||||||
|
flex-direction row
|
||||||
@ -0,0 +1,349 @@
|
|||||||
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
|
/* Document
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the line height in all browsers.
|
||||||
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sections
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the margin in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Render the `main` element consistently in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
main {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
margin: 0.67em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grouping content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in Firefox.
|
||||||
|
* 2. Show the overflow in Edge and IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
hr {
|
||||||
|
box-sizing: content-box; /* 1 */
|
||||||
|
height: 0; /* 1 */
|
||||||
|
overflow: visible; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text-level semantics
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the gray background on active links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the bottom border in Chrome 57-
|
||||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
abbr[title] {
|
||||||
|
border-bottom: none; /* 1 */
|
||||||
|
text-decoration: underline; /* 2 */
|
||||||
|
text-decoration: underline dotted; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
|
* all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Embedded content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the border on images inside links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Change the font styles in all browsers.
|
||||||
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-family: inherit; /* 1 */
|
||||||
|
font-size: 100%; /* 1 */
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
margin: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Show the overflow in IE.
|
||||||
|
* 1. Show the overflow in Edge.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input { /* 1 */
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select { /* 1 */
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
[type="button"],
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner border and padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
border-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button:-moz-focusring,
|
||||||
|
[type="button"]:-moz-focusring,
|
||||||
|
[type="reset"]:-moz-focusring,
|
||||||
|
[type="submit"]:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
padding: 0.35em 0.75em 0.625em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
|
* `fieldset` elements in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
color: inherit; /* 2 */
|
||||||
|
display: table; /* 1 */
|
||||||
|
max-width: 100%; /* 1 */
|
||||||
|
padding: 0; /* 3 */
|
||||||
|
white-space: normal; /* 1 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
progress {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the default vertical scrollbar in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in IE 10.
|
||||||
|
* 2. Remove the padding in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="checkbox"],
|
||||||
|
[type="radio"] {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
padding: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
* 2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
outline-offset: -2px; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner padding in Chrome and Safari on macOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
-webkit-appearance: button; /* 1 */
|
||||||
|
font: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interactive
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
details {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Misc
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
template {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
@ -0,0 +1,81 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title></title>
|
||||||
|
<meta name="author" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<link href="css/normalize.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://unpkg.com/chota@latest">
|
||||||
|
<link href="css/main.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="body">
|
||||||
|
<div class="navigation-overlay" id="particles-js">
|
||||||
|
<div class="cross cross-og">
|
||||||
|
<img src="svg/cross1.svg" class="idle">
|
||||||
|
<img src="svg/cross2.svg" class="active">
|
||||||
|
</div>
|
||||||
|
<div class="logo">
|
||||||
|
<a href="https://pedf.cuni.cz/PEDF-1.html"><img src="img/logo.png"></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="menu">
|
||||||
|
<ul>
|
||||||
|
<li><a class="menu-link" href="#">Domů</a></li>
|
||||||
|
<li><a class="menu-link" href="#/predseda">Předseda spolku</a></li>
|
||||||
|
<li><a class="menu-link" href="#/prebiram">Přebírám spolek</a></li>
|
||||||
|
<li><a class="menu-link" href="#/zapojit-se">Chci se zapojit</a></li>
|
||||||
|
<li><a class="menu-link" href="#/zalozit-spolek">Chci založit spolek</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<main id="root">
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<div class="up-arrow" onclick="window.scrollTo({ top: 0, behavior: 'smooth' })">
|
||||||
|
<img src="svg/up-arrow.svg">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<code style="display: none">
|
||||||
|
clicking on ".cross-og" removes class "open-nav" on ".navigation-overlay"
|
||||||
|
clicking on ".cross-og" removes class "darken" on "#root"
|
||||||
|
clicking on ".menu-link" removes class "open-nav" on ".navigation-overlay" no-prevent
|
||||||
|
clicking on ".menu-btn" adds class "open-nav" on ".navigation-overlay"
|
||||||
|
clicking on ".menu-btn" adds class "darken" on "#root"
|
||||||
|
</code>
|
||||||
|
|
||||||
|
<script src="https://unpkg.com/@riotjs/dom-bindings/dist/umd.dom-bindings.js"></script>
|
||||||
|
<script src="https://unpkg.com/riot/riot+compiler.min.js"></script>
|
||||||
|
<script src="https://unpkg.com/@riotjs/route@5.2.0/route.js"></script>
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||||
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
|
||||||
|
<script src="js/uilang.js"></script>
|
||||||
|
<script src="js/particles.js"></script>
|
||||||
|
<script src="js/router.js"></script>
|
||||||
|
<script src="js/script.js"></script>
|
||||||
|
<script src="/js/carousel.js"></script>
|
||||||
|
<script>
|
||||||
|
const { initDomListeners, setBase, router } = route;
|
||||||
|
|
||||||
|
setBase(window.location.origin + '/');
|
||||||
|
|
||||||
|
const loc = window.location;
|
||||||
|
|
||||||
|
router.on.value(path => {
|
||||||
|
console.log(path);
|
||||||
|
get_routes(path);
|
||||||
|
});
|
||||||
|
|
||||||
|
initDomListeners();
|
||||||
|
|
||||||
|
console.log(window.location.hash);
|
||||||
|
get_routes(window.location.hash);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,49 @@
|
|||||||
|
function rafAsync() {
|
||||||
|
return new Promise(resolve => {
|
||||||
|
requestAnimationFrame(resolve); //faster than set time out
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function checkElement(selector) {
|
||||||
|
if (document.querySelector(selector) === null) {
|
||||||
|
return rafAsync().then(() => checkElement(selector));
|
||||||
|
} else {
|
||||||
|
return Promise.resolve(true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var slideIndex = 1;
|
||||||
|
|
||||||
|
|
||||||
|
// Next/previous controls
|
||||||
|
function plusSlides(n) {
|
||||||
|
showSlides(slideIndex += n);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Thumbnail image controls
|
||||||
|
function currentSlide(n) {
|
||||||
|
showSlides(slideIndex = n);
|
||||||
|
}
|
||||||
|
|
||||||
|
function showSlides(n) {
|
||||||
|
var i;
|
||||||
|
var slides = document.getElementsByClassName("mySlides");
|
||||||
|
var dots = document.getElementsByClassName("dot");
|
||||||
|
if (n > slides.length) {slideIndex = 1}
|
||||||
|
if (n < 1) {slideIndex = slides.length}
|
||||||
|
for (i = 0; i < slides.length; i++) {
|
||||||
|
slides[i].style.display = "none";
|
||||||
|
}
|
||||||
|
for (i = 0; i < dots.length; i++) {
|
||||||
|
dots[i].className = dots[i].className.replace(" carousel-active", "");
|
||||||
|
}
|
||||||
|
slides[slideIndex-1].style.display = "block";
|
||||||
|
dots[slideIndex-1].className += " carousel-active";
|
||||||
|
}
|
||||||
|
|
||||||
|
checkElement('.mySlides') //use whichever selector you want
|
||||||
|
.then((element) => {
|
||||||
|
console.log("sldaldsaldsa");
|
||||||
|
showSlides(slideIndex);
|
||||||
|
});
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,110 @@
|
|||||||
|
{
|
||||||
|
"particles": {
|
||||||
|
"number": {
|
||||||
|
"value": 33,
|
||||||
|
"density": {
|
||||||
|
"enable": true,
|
||||||
|
"value_area": 800
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"color": {
|
||||||
|
"value": "#b3b3b3"
|
||||||
|
},
|
||||||
|
"shape": {
|
||||||
|
"type": "image",
|
||||||
|
"stroke": {
|
||||||
|
"width": 0,
|
||||||
|
"color": "#000000"
|
||||||
|
},
|
||||||
|
"polygon": {
|
||||||
|
"nb_sides": 2
|
||||||
|
},
|
||||||
|
"image": {
|
||||||
|
"src": "/svg/zobacek.svg",
|
||||||
|
"width": 40,
|
||||||
|
"height": 40
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"opacity": {
|
||||||
|
"value": 0.5,
|
||||||
|
"random": false,
|
||||||
|
"anim": {
|
||||||
|
"enable": false,
|
||||||
|
"speed": 1,
|
||||||
|
"opacity_min": 0.1,
|
||||||
|
"sync": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"size": {
|
||||||
|
"value": 15,
|
||||||
|
"random": true,
|
||||||
|
"anim": {
|
||||||
|
"enable": false,
|
||||||
|
"speed": 40,
|
||||||
|
"size_min": 0.1,
|
||||||
|
"sync": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"line_linked": {
|
||||||
|
"enable": false,
|
||||||
|
"distance": 150,
|
||||||
|
"color": "#ffffff",
|
||||||
|
"opacity": 0.4,
|
||||||
|
"width": 1
|
||||||
|
},
|
||||||
|
"move": {
|
||||||
|
"enable": true,
|
||||||
|
"speed": 6,
|
||||||
|
"direction": "none",
|
||||||
|
"random": false,
|
||||||
|
"straight": false,
|
||||||
|
"out_mode": "out",
|
||||||
|
"bounce": false,
|
||||||
|
"attract": {
|
||||||
|
"enable": false,
|
||||||
|
"rotateX": 600,
|
||||||
|
"rotateY": 1200
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"interactivity": {
|
||||||
|
"detect_on": "canvas",
|
||||||
|
"events": {
|
||||||
|
"onhover": {
|
||||||
|
"enable": false,
|
||||||
|
"mode": "repulse"
|
||||||
|
},
|
||||||
|
"onclick": {
|
||||||
|
"enable": true,
|
||||||
|
"mode": "push"
|
||||||
|
},
|
||||||
|
"resize": true
|
||||||
|
},
|
||||||
|
"modes": {
|
||||||
|
"grab": {
|
||||||
|
"distance": 400,
|
||||||
|
"line_linked": {
|
||||||
|
"opacity": 1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"bubble": {
|
||||||
|
"distance": 400,
|
||||||
|
"size": 40,
|
||||||
|
"duration": 2,
|
||||||
|
"opacity": 8,
|
||||||
|
"speed": 3
|
||||||
|
},
|
||||||
|
"repulse": {
|
||||||
|
"distance": 1,
|
||||||
|
"duration": 0.4
|
||||||
|
},
|
||||||
|
"push": {
|
||||||
|
"particles_nb": 4
|
||||||
|
},
|
||||||
|
"remove": {
|
||||||
|
"particles_nb": 2
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"retina_detect": true
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,26 @@
|
|||||||
|
#? replace(sub = "\t", by = " ")
|
||||||
|
import dom
|
||||||
|
|
||||||
|
const index = staticRead("../page/home.html")
|
||||||
|
const predseda = staticRead("../page/predseda.html")
|
||||||
|
const prebiram = staticRead("../page/prebiram.html")
|
||||||
|
const zapojit_se = staticRead("../page/zapojit_se.html")
|
||||||
|
const zalozit_spolek = staticRead("../page/zalozit_spolek.html")
|
||||||
|
|
||||||
|
proc get_routes(url: cstring) {.export_c.} =
|
||||||
|
var new_url = ""
|
||||||
|
|
||||||
|
for c in url:
|
||||||
|
echo c
|
||||||
|
new_url.add(c)
|
||||||
|
|
||||||
|
echo new_url
|
||||||
|
|
||||||
|
document.querySelector("#root").innerHTML = case new_url
|
||||||
|
of "#/predseda": predseda
|
||||||
|
of "#/prebiram": prebiram
|
||||||
|
of "#/zapojit-se": zapojit_se
|
||||||
|
of "#/zalozit-spolek": zalozit_spolek
|
||||||
|
else: predseda
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
// particlesJS.load('particles-js', '/js/particlesjs-config.json', function() {
|
||||||
|
// console.log('callback - particles.js config loaded');
|
||||||
|
// });
|
||||||
|
//
|
||||||
|
// particlesJS.load('root', '/js/particlesjs-config.json', function() {
|
||||||
|
// console.log('callback - particles.js config loaded');
|
||||||
|
// });
|
||||||
|
|
||||||
|
particlesJS.load('body', '/js/particlesjs-config.json', function() {
|
||||||
|
console.log('callback - particles.js config loaded');
|
||||||
|
});
|
||||||
@ -0,0 +1,104 @@
|
|||||||
|
/*
|
||||||
|
* uilang v1.0.1
|
||||||
|
* http://uilang.com
|
||||||
|
*/
|
||||||
|
|
||||||
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
|
"use strict"
|
||||||
|
|
||||||
|
var codeElements = document.getElementsByTagName("code")
|
||||||
|
var i = codeElements.length
|
||||||
|
var delimiter = "clicking on"
|
||||||
|
var codeBlock
|
||||||
|
var codeBlockContent
|
||||||
|
|
||||||
|
while (i--) {
|
||||||
|
var code = codeElements[i]
|
||||||
|
var content = code.textContent.trim()
|
||||||
|
if (content.lastIndexOf(delimiter, 0) === 0) {
|
||||||
|
codeBlock = code
|
||||||
|
codeBlockContent = content
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!codeBlock) return
|
||||||
|
codeBlock.parentNode.removeChild(codeBlock)
|
||||||
|
|
||||||
|
function InstructionParsing(instruction) {
|
||||||
|
var separator = instruction.charAt(0)
|
||||||
|
var instructionSplit = instruction.split(separator)
|
||||||
|
|
||||||
|
this.clickSelector = instructionSplit[1]
|
||||||
|
this.classBehavior = instructionSplit[2].trim().split(" ")[0]
|
||||||
|
this.classValue = instructionSplit[3]
|
||||||
|
this.targetSelector = instructionSplit[5]
|
||||||
|
|
||||||
|
if (instructionSplit.length >= 7 && instructionSplit[6] == "no-prevent")
|
||||||
|
this.prevent = false;
|
||||||
|
else this.prevent = true
|
||||||
|
}
|
||||||
|
|
||||||
|
function UIElement(clickSelector, classBehavior, classValue, targetSelector) {
|
||||||
|
this.clickSelector = clickSelector
|
||||||
|
this.classBehavior = classBehavior.charAt(classBehavior.length-1) == "s"
|
||||||
|
? classBehavior.substring(0, classBehavior.length-1)
|
||||||
|
: classBehavior
|
||||||
|
this.classValue = classValue.charAt(0) == "."
|
||||||
|
? classValue.substring(1, classValue.length)
|
||||||
|
: classValue
|
||||||
|
this.targetSelector = targetSelector
|
||||||
|
this.createEventListener()
|
||||||
|
}
|
||||||
|
|
||||||
|
UIElement.prototype.createEventListener = function() {
|
||||||
|
var self = this
|
||||||
|
var clicked = document.querySelectorAll(self.clickSelector)
|
||||||
|
var i = clicked.length
|
||||||
|
|
||||||
|
if (i < 1) {
|
||||||
|
throw new Error("There's no element matching your \"" + self.clickSelector + "\" CSS selector.")
|
||||||
|
}
|
||||||
|
|
||||||
|
while (i--) {
|
||||||
|
clicked.item(i).addEventListener("click", clickCallback)
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateClass(el) {
|
||||||
|
el.classList[self.classBehavior](self.classValue)
|
||||||
|
}
|
||||||
|
|
||||||
|
function clickCallback(e) {
|
||||||
|
switch (self.targetSelector) {
|
||||||
|
case "target" :
|
||||||
|
case "this" :
|
||||||
|
case "it" :
|
||||||
|
case "itself" :
|
||||||
|
case undefined:
|
||||||
|
updateClass(e.target)
|
||||||
|
break
|
||||||
|
default:
|
||||||
|
var target = document.querySelectorAll(self.targetSelector)
|
||||||
|
var i = target.length
|
||||||
|
while (i--) {
|
||||||
|
updateClass(target.item(i))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (e.target.nodeName.toLowerCase() == "a") {
|
||||||
|
if (self.prevent)
|
||||||
|
e.preventDefault()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
codeBlockContent.split(delimiter).forEach(function(data) {
|
||||||
|
if (!data) return
|
||||||
|
var params = new InstructionParsing(data.trim())
|
||||||
|
new UIElement(
|
||||||
|
params.clickSelector,
|
||||||
|
params.classBehavior,
|
||||||
|
params.classValue,
|
||||||
|
params.targetSelector
|
||||||
|
)
|
||||||
|
})
|
||||||
|
})
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
<div class="navigation-overlay">
|
||||||
|
<div class="cross">
|
||||||
|
<img src="svg/cross1.svg" class="idle">
|
||||||
|
<img src="svg/cross2.svg" class="active">
|
||||||
|
</div>
|
||||||
|
<div class="logo">
|
||||||
|
<img src="img/logo.png">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="menu">
|
||||||
|
<ul>
|
||||||
|
<li><a>Domů</a></li>
|
||||||
|
<li><a>Předseda spolku</a></li>
|
||||||
|
<li><a>Přebírám spolek</a></li>
|
||||||
|
<li><a>Chci se zapojit</a></li>
|
||||||
|
<li><a>Chci založit spolek</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||||
|
<script src="js/particles.js"></script>
|
||||||
|
<script src="js/script.js"></script>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
<section class="row fullheight">
|
||||||
|
i
|
||||||
|
sa
|
||||||
|
da
|
||||||
|
d
|
||||||
|
da
|
||||||
|
sd
|
||||||
|
ads
|
||||||
|
sd
|
||||||
|
|
||||||
|
sad
|
||||||
|
sad
|
||||||
|
sa
|
||||||
|
</section>
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
<section class="row fullheight">
|
||||||
|
<div class="cross menu-btn">
|
||||||
|
<img src="svg/menu1.svg" class="idle">
|
||||||
|
<img src="svg/menu2.svg" class="active">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@ -0,0 +1,241 @@
|
|||||||
|
<section class="row fullheight">
|
||||||
|
<div class="cross menu-btn">
|
||||||
|
<img src="svg/menu1.svg" class="idle">
|
||||||
|
<img src="svg/menu2.svg" class="active">
|
||||||
|
</div>
|
||||||
|
<div class="logo">
|
||||||
|
<a href="https://pedf.cuni.cz/PEDF-1.html"><img src="img/logo.png"></a>
|
||||||
|
</div>
|
||||||
|
<div class="horizontal-menu">
|
||||||
|
<span>Povinnosti:</span>
|
||||||
|
<a>Výroční zpráva</a>
|
||||||
|
<a>Spolková místnost</a>
|
||||||
|
<a>Akce a nahlašování akcí</a>
|
||||||
|
<a>Odkazy a inspirace</a>
|
||||||
|
<a>Další spolky</a>
|
||||||
|
<a>Předpisy a pravidla</a>
|
||||||
|
</div>
|
||||||
|
<div class="row" style="width: 100%">
|
||||||
|
<section class="col-1"></section>
|
||||||
|
<section class="col-5">
|
||||||
|
<div style="margin-top: 23vh">
|
||||||
|
<h1 style="margin-bottom: 5vh">Předseda spolku</h1>
|
||||||
|
<hr class="gay-hr">
|
||||||
|
<h6 style="line-height: 1.4; margin-top: 5vh">
|
||||||
|
Provedeme tě všemi povinnostmi a možnostmi, které jako předseda máš.
|
||||||
|
</h6>
|
||||||
|
<button type="button" class="button primary cool-button" style="margin-top: 1vh; border-radius: 4vw">
|
||||||
|
↓ Zjisti více
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="row" style="margin-top: 9rem">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-4 bg-circle">
|
||||||
|
<h3>Výroční zpráva</h3>
|
||||||
|
<hr class="gay-hr">
|
||||||
|
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify">
|
||||||
|
Každý formální spolek má povinnost odevzdávat každý rok 30.4 výroční zprávu včetně zprávy o hospodaření
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="row" style="margin-top: 4vh">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-5 flexy-boi">
|
||||||
|
<h5 style="margin-bottom: 0; margin-left: -14vw">
|
||||||
|
A jak na ní?
|
||||||
|
</h5>
|
||||||
|
<h5 style="padding-left: 4vw; margin-top:0" class="text-primary">
|
||||||
|
To ti řekne Verča
|
||||||
|
<h5>
|
||||||
|
</div>
|
||||||
|
<div class="col-5">
|
||||||
|
<video class="smol-video" controls>
|
||||||
|
<source src="/img/1566501668807.webm" type="video/webm">
|
||||||
|
Your browser is gay.
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="row" style="margin-top: 5vh">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-3 side-line" style="line-height: 1">
|
||||||
|
<div>
|
||||||
|
<h6 style="margin-bottom: 0"><b>Hlavní body,</b></h6>
|
||||||
|
<p style="margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.5)">které tam nesmí chybět jsou:</p>
|
||||||
|
<div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="row" style="margin-top: 5vh">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="number-gay">
|
||||||
|
<span>1.</span>
|
||||||
|
<p>Počet členů</p>
|
||||||
|
</div>
|
||||||
|
<div class="number-gay">
|
||||||
|
<span>4.</span>
|
||||||
|
<p>Souhrn činnosti za minulý kalendářní rok</p>
|
||||||
|
</div>
|
||||||
|
<div class="number-gay">
|
||||||
|
<div class="down">
|
||||||
|
<div class="right">
|
||||||
|
<span>7.</span>
|
||||||
|
<p>Hospodaření (výdaje rozděleny na tyto části)</p>
|
||||||
|
</div>
|
||||||
|
<ol type="a">
|
||||||
|
<li>Projekty a program</li>
|
||||||
|
<li>Marketing a PR</li>
|
||||||
|
<li>Provoz spolku</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div style="height: 6vh"></div>
|
||||||
|
<div class="number-gay">
|
||||||
|
<span>2.</span>
|
||||||
|
<p>Souhrn činnosti za minulý kalendářní rok</p>
|
||||||
|
</div>
|
||||||
|
<div class="number-gay">
|
||||||
|
<span>5.</span>
|
||||||
|
<p>Souhrn činnosti za minulý kalendářní rok</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div style="height: 12vh"></div>
|
||||||
|
<div class="number-gay">
|
||||||
|
<span>3.</span>
|
||||||
|
<p>Souhrn činnosti za minulý kalendářní rok</p>
|
||||||
|
</div>
|
||||||
|
<div class="number-gay">
|
||||||
|
<span>6.</span>
|
||||||
|
<p>Souhrn činnosti za minulý kalendářní rok</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-1"></div>
|
||||||
|
</section>
|
||||||
|
<section class="row" style="margin-top: 9rem">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-4 bg-square">
|
||||||
|
<h3>Spolková místnost</h3>
|
||||||
|
<hr class="gay-hr">
|
||||||
|
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify">
|
||||||
|
Každý formální spolek má nárok na přístup do spolkové místnosti, která má označení S104 tzv. spolkovka
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="row" style="margin-top: 9vh">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-5 flexy-boi" style="width: 15vw; margin: 10vw 0">
|
||||||
|
<div class="side-line">
|
||||||
|
<p style="margin-top:0; margin-bottom: 2vh; font-size: calc(var(--font-size) / 1.7); width: 13vw">
|
||||||
|
Pravidla spolkovky jsou následující:
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-5">
|
||||||
|
<img src="/img/trump.jpg" style="height: 100%; width: auto;">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="row" style="margin-top: 9rem">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-5 bg-circle">
|
||||||
|
<h3>Akce a nahlašování akcí</h3>
|
||||||
|
<hr class="gay-hr">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="row" style="margin-top: 9vh">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-5" style="font-size: calc(var(--font-size) / 1.9); padding-right: 4vw">
|
||||||
|
<p>
|
||||||
|
Pokud chceš pořádat akci na fakultě, je zapotřebí to nejprve nahlásit přes formulář na
|
||||||
|
<a href="https://akce.pedf.cuni.cz">akce.pedf.cuni.cz</a>. Pokud se jedná o malou akci vyžadující pouze malý počet učeben
|
||||||
|
nebo společný prostor pouze po krátkou dobu, tak stačí akci nahlásit o 10 dnů předem (více u organizování akcí)
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Je možnost požádat o stoly, židle, podporu ajťáků nebo místo na webovkách. Všechny nájmy pro formální spolky jsou bezplatné.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-5">
|
||||||
|
<img src="/img/trump.jpg" style="height: 100%; width: auto;">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="row" style="margin-top: 9rem">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-5 bg-square" style="background-position: top center">
|
||||||
|
<h4>Odkazy a inspirace</h4>
|
||||||
|
<hr class="gay-hr">
|
||||||
|
<p style="font-size: calc(var(--font-size) / 2); margin-top: 5vh; text-align: justify">
|
||||||
|
Tady najdeš spolky, které působí na UK:<br>
|
||||||
|
<a href="https://cuni.cz/UK-8518.html">https://cuni.cz/UK-8518.html</a>
|
||||||
|
<br><br>
|
||||||
|
Kurzy na různé dovednosti můžeš najít zde:<br>
|
||||||
|
<a href="www.naucmese.cz">www.naucmese.cz</a> nebo na
|
||||||
|
<a href="https://www.acsa.cz">https://www.acsa.cz</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="row" style="margin-top: 4vh">
|
||||||
|
<section class="col">
|
||||||
|
<link rel="stylesheet" href="/css/carousel.css">
|
||||||
|
<!-- Slideshow container -->
|
||||||
|
<div class="slideshow-container">
|
||||||
|
|
||||||
|
<!-- Full-width images with number and caption text -->
|
||||||
|
<div class="mySlides fade">
|
||||||
|
<div class="numbertext">1 / 3</div>
|
||||||
|
<img src="img/trump.jpg" style="width:100%">
|
||||||
|
<div class="text">Caption Text</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mySlides fade">
|
||||||
|
<div class="numbertext">2 / 3</div>
|
||||||
|
<img src="img/trump.jpg" style="width:100%">
|
||||||
|
<div class="text">Caption Two</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mySlides fade">
|
||||||
|
<div class="numbertext">3 / 3</div>
|
||||||
|
<img src="img/trump.jpg" style="width:100%">
|
||||||
|
<div class="text">Caption Three</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mySlides fade">
|
||||||
|
<div class="numbertext">3 / 3</div>
|
||||||
|
<img src="img/trump.jpg" style="width:100%">
|
||||||
|
<div class="text">Caption Three</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Next and previous buttons -->
|
||||||
|
<a class="prev" onclick="plusSlides(-1)">❮</a>
|
||||||
|
<a class="next" onclick="plusSlides(1)">❯</a>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<!-- The dots/circles -->
|
||||||
|
<div style="text-align:center">
|
||||||
|
<span class="dot" onclick="currentSlide(1)"></span>
|
||||||
|
<span class="dot" onclick="currentSlide(2)"></span>
|
||||||
|
<span class="dot" onclick="currentSlide(3)"></span>
|
||||||
|
<span class="dot" onclick="currentSlide(4)"></span>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<script src="/js/carousel.js"></script>
|
||||||
|
</section>
|
||||||
|
<section class="row" style="margin-top: 9rem">
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-5 bg-square" style="background-position: top center">
|
||||||
|
<h4>Předpisy a pravidla</h4>
|
||||||
|
<hr class="gay-hr">
|
||||||
|
<p style="font-size: calc(var(--font-size) / 1.3); margin-top: 5vh; text-align: justify">
|
||||||
|
Základní předpisy, kterými se spolky řidí jsou:<br>
|
||||||
|
</p>
|
||||||
|
<ul style="font-size: calc(var(--font-size) / 1.3); list-style: none;">
|
||||||
|
<li>Tento předpis</li>
|
||||||
|
<li>Tento předpis</li>
|
||||||
|
<li>Tento předpis</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
<section class="row fullheight">
|
||||||
|
<div class="cross menu-btn">
|
||||||
|
<img src="svg/menu1.svg" class="idle">
|
||||||
|
<img src="svg/menu2.svg" class="active">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
<section class="row fullheight">
|
||||||
|
<div class="cross menu-btn">
|
||||||
|
<img src="svg/menu1.svg" class="idle">
|
||||||
|
<img src="svg/menu2.svg" class="active">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
#!/bin/sh
|
||||||
|
|
||||||
|
stylus -w css -o css &
|
||||||
|
browser-sync . -f . &
|
||||||
|
cd js; wendy -m 264 -f router.nim -f ../page -e nim js -o:router.js router.nim
|
||||||
|
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="339" height="339" viewBox="0 0 339 339">
|
||||||
|
<defs>
|
||||||
|
<style>
|
||||||
|
.cls-1 {
|
||||||
|
fill: #e2e2e2;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</defs>
|
||||||
|
<rect id="Rectangle_95" data-name="Rectangle 95" class="cls-1" width="339" height="339" rx="169.5"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 298 B |
@ -0,0 +1,10 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="226" height="226" viewBox="0 0 226 226">
|
||||||
|
<defs>
|
||||||
|
<style>
|
||||||
|
.cls-1 {
|
||||||
|
fill: #e2e2e2;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</defs>
|
||||||
|
<rect id="Rectangle_97" data-name="Rectangle 97" class="cls-1" width="226" height="226"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 287 B |
@ -0,0 +1,21 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="106.065" height="106.066" viewBox="0 0 106.065 106.066">
|
||||||
|
<defs>
|
||||||
|
<style>
|
||||||
|
.cls-1 {
|
||||||
|
fill: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cls-2, .cls-3 {
|
||||||
|
stroke: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cls-3 {
|
||||||
|
fill: #a2a2a2;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</defs>
|
||||||
|
<g id="Union_2" data-name="Union 2" class="cls-1" transform="translate(-5849.188 -3609.781) rotate(45)">
|
||||||
|
<path class="cls-2" d="M 6763.49951171875 -1547.500732421875 C 6760.54638671875 -1547.500732421875 6758.1435546875 -1549.903564453125 6758.1435546875 -1552.857055664063 L 6758.1435546875 -1576.1552734375 L 6758.1435546875 -1577.6552734375 L 6756.6435546875 -1577.6552734375 L 6732.85693359375 -1577.6552734375 C 6729.90380859375 -1577.6552734375 6727.5009765625 -1580.058837890625 6727.5009765625 -1583.013305664063 C 6727.5009765625 -1585.966796875 6729.90380859375 -1588.36962890625 6732.85693359375 -1588.36962890625 L 6756.6435546875 -1588.36962890625 L 6758.1435546875 -1588.36962890625 L 6758.1435546875 -1589.86962890625 L 6758.1435546875 -1614.142456054688 C 6758.1435546875 -1617.096923828125 6760.54638671875 -1619.50048828125 6763.49951171875 -1619.50048828125 C 6766.4541015625 -1619.50048828125 6768.85791015625 -1617.096923828125 6768.85791015625 -1614.142456054688 L 6768.85791015625 -1589.86962890625 L 6768.85791015625 -1588.36962890625 L 6770.35791015625 -1588.36962890625 L 6794.142578125 -1588.36962890625 C 6797.09716796875 -1588.36962890625 6799.50048828125 -1585.966796875 6799.50048828125 -1583.013305664063 C 6799.50048828125 -1580.058837890625 6797.09716796875 -1577.6552734375 6794.142578125 -1577.6552734375 L 6770.35791015625 -1577.6552734375 L 6768.85791015625 -1577.6552734375 L 6768.85791015625 -1576.1552734375 L 6768.85791015625 -1552.857055664063 C 6768.85791015625 -1549.903564453125 6766.4541015625 -1547.500732421875 6763.49951171875 -1547.500732421875 Z"/>
|
||||||
|
<path class="cls-3" d="M 6763.49951171875 -1549.000732421875 C 6765.626953125 -1549.000732421875 6767.35791015625 -1550.730712890625 6767.35791015625 -1552.857055664063 L 6767.35791015625 -1576.1552734375 L 6767.35791015625 -1579.1552734375 L 6770.35791015625 -1579.1552734375 L 6794.142578125 -1579.1552734375 C 6796.27001953125 -1579.1552734375 6798.00048828125 -1580.885986328125 6798.00048828125 -1583.013305664063 C 6798.00048828125 -1585.1396484375 6796.27001953125 -1586.86962890625 6794.142578125 -1586.86962890625 L 6770.35791015625 -1586.86962890625 L 6767.35791015625 -1586.86962890625 L 6767.35791015625 -1589.86962890625 L 6767.35791015625 -1614.142456054688 C 6767.35791015625 -1616.269775390625 6765.626953125 -1618.00048828125 6763.49951171875 -1618.00048828125 C 6761.37353515625 -1618.00048828125 6759.6435546875 -1616.269775390625 6759.6435546875 -1614.142456054688 L 6759.6435546875 -1589.86962890625 L 6759.6435546875 -1586.86962890625 L 6756.6435546875 -1586.86962890625 L 6732.85693359375 -1586.86962890625 C 6730.73095703125 -1586.86962890625 6729.0009765625 -1585.1396484375 6729.0009765625 -1583.013305664063 C 6729.0009765625 -1580.885986328125 6730.73095703125 -1579.1552734375 6732.85693359375 -1579.1552734375 L 6756.6435546875 -1579.1552734375 L 6759.6435546875 -1579.1552734375 L 6759.6435546875 -1576.1552734375 L 6759.6435546875 -1552.857055664063 C 6759.6435546875 -1550.730712890625 6761.37353515625 -1549.000732421875 6763.49951171875 -1549.000732421875 M 6763.49951171875 -1546.000732421875 C 6759.7138671875 -1546.000732421875 6756.6435546875 -1549.069702148438 6756.6435546875 -1552.857055664063 L 6756.6435546875 -1576.1552734375 L 6732.85693359375 -1576.1552734375 C 6729.06982421875 -1576.1552734375 6726.0009765625 -1579.225830078125 6726.0009765625 -1583.013305664063 C 6726.0009765625 -1586.799072265625 6729.06982421875 -1589.86962890625 6732.85693359375 -1589.86962890625 L 6756.6435546875 -1589.86962890625 L 6756.6435546875 -1614.142456054688 C 6756.6435546875 -1617.929809570313 6759.7138671875 -1621.00048828125 6763.49951171875 -1621.00048828125 C 6767.287109375 -1621.00048828125 6770.35791015625 -1617.929809570313 6770.35791015625 -1614.142456054688 L 6770.35791015625 -1589.86962890625 L 6794.142578125 -1589.86962890625 C 6797.9296875 -1589.86962890625 6801.00048828125 -1586.799072265625 6801.00048828125 -1583.013305664063 C 6801.00048828125 -1579.225830078125 6797.9296875 -1576.1552734375 6794.142578125 -1576.1552734375 L 6770.35791015625 -1576.1552734375 L 6770.35791015625 -1552.857055664063 C 6770.35791015625 -1549.069702148438 6767.287109375 -1546.000732421875 6763.49951171875 -1546.000732421875 Z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.5 KiB |
@ -0,0 +1,17 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="106.065" height="106.066" viewBox="0 0 106.065 106.066">
|
||||||
|
<defs>
|
||||||
|
<style>
|
||||||
|
.cls-1, .cls-3 {
|
||||||
|
fill: #a2a2a2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cls-2, .cls-3 {
|
||||||
|
stroke: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</defs>
|
||||||
|
<g id="Union_5" data-name="Union 5" class="cls-1" transform="translate(-5849.188 -3609.781) rotate(45)">
|
||||||
|
<path class="cls-2" d="M 6763.49951171875 -1547.500732421875 C 6760.54638671875 -1547.500732421875 6758.1435546875 -1549.903564453125 6758.1435546875 -1552.857055664063 L 6758.1435546875 -1576.1552734375 L 6758.1435546875 -1577.6552734375 L 6756.6435546875 -1577.6552734375 L 6732.85693359375 -1577.6552734375 C 6729.90380859375 -1577.6552734375 6727.5009765625 -1580.058837890625 6727.5009765625 -1583.013305664063 C 6727.5009765625 -1585.966796875 6729.90380859375 -1588.36962890625 6732.85693359375 -1588.36962890625 L 6756.6435546875 -1588.36962890625 L 6758.1435546875 -1588.36962890625 L 6758.1435546875 -1589.86962890625 L 6758.1435546875 -1614.142456054688 C 6758.1435546875 -1617.096923828125 6760.54638671875 -1619.50048828125 6763.49951171875 -1619.50048828125 C 6766.4541015625 -1619.50048828125 6768.85791015625 -1617.096923828125 6768.85791015625 -1614.142456054688 L 6768.85791015625 -1589.86962890625 L 6768.85791015625 -1588.36962890625 L 6770.35791015625 -1588.36962890625 L 6794.142578125 -1588.36962890625 C 6797.09716796875 -1588.36962890625 6799.50048828125 -1585.966796875 6799.50048828125 -1583.013305664063 C 6799.50048828125 -1580.058837890625 6797.09716796875 -1577.6552734375 6794.142578125 -1577.6552734375 L 6770.35791015625 -1577.6552734375 L 6768.85791015625 -1577.6552734375 L 6768.85791015625 -1576.1552734375 L 6768.85791015625 -1552.857055664063 C 6768.85791015625 -1549.903564453125 6766.4541015625 -1547.500732421875 6763.49951171875 -1547.500732421875 Z"/>
|
||||||
|
<path class="cls-3" d="M 6763.49951171875 -1549.000732421875 C 6765.626953125 -1549.000732421875 6767.35791015625 -1550.730712890625 6767.35791015625 -1552.857055664063 L 6767.35791015625 -1576.1552734375 L 6767.35791015625 -1579.1552734375 L 6770.35791015625 -1579.1552734375 L 6794.142578125 -1579.1552734375 C 6796.27001953125 -1579.1552734375 6798.00048828125 -1580.885986328125 6798.00048828125 -1583.013305664063 C 6798.00048828125 -1585.1396484375 6796.27001953125 -1586.86962890625 6794.142578125 -1586.86962890625 L 6770.35791015625 -1586.86962890625 L 6767.35791015625 -1586.86962890625 L 6767.35791015625 -1589.86962890625 L 6767.35791015625 -1614.142456054688 C 6767.35791015625 -1616.269775390625 6765.626953125 -1618.00048828125 6763.49951171875 -1618.00048828125 C 6761.37353515625 -1618.00048828125 6759.6435546875 -1616.269775390625 6759.6435546875 -1614.142456054688 L 6759.6435546875 -1589.86962890625 L 6759.6435546875 -1586.86962890625 L 6756.6435546875 -1586.86962890625 L 6732.85693359375 -1586.86962890625 C 6730.73095703125 -1586.86962890625 6729.0009765625 -1585.1396484375 6729.0009765625 -1583.013305664063 C 6729.0009765625 -1580.885986328125 6730.73095703125 -1579.1552734375 6732.85693359375 -1579.1552734375 L 6756.6435546875 -1579.1552734375 L 6759.6435546875 -1579.1552734375 L 6759.6435546875 -1576.1552734375 L 6759.6435546875 -1552.857055664063 C 6759.6435546875 -1550.730712890625 6761.37353515625 -1549.000732421875 6763.49951171875 -1549.000732421875 M 6763.49951171875 -1546.000732421875 C 6759.7138671875 -1546.000732421875 6756.6435546875 -1549.069702148438 6756.6435546875 -1552.857055664063 L 6756.6435546875 -1576.1552734375 L 6732.85693359375 -1576.1552734375 C 6729.06982421875 -1576.1552734375 6726.0009765625 -1579.225830078125 6726.0009765625 -1583.013305664063 C 6726.0009765625 -1586.799072265625 6729.06982421875 -1589.86962890625 6732.85693359375 -1589.86962890625 L 6756.6435546875 -1589.86962890625 L 6756.6435546875 -1614.142456054688 C 6756.6435546875 -1617.929809570313 6759.7138671875 -1621.00048828125 6763.49951171875 -1621.00048828125 C 6767.287109375 -1621.00048828125 6770.35791015625 -1617.929809570313 6770.35791015625 -1614.142456054688 L 6770.35791015625 -1589.86962890625 L 6794.142578125 -1589.86962890625 C 6797.9296875 -1589.86962890625 6801.00048828125 -1586.799072265625 6801.00048828125 -1583.013305664063 C 6801.00048828125 -1579.225830078125 6797.9296875 -1576.1552734375 6794.142578125 -1576.1552734375 L 6770.35791015625 -1576.1552734375 L 6770.35791015625 -1552.857055664063 C 6770.35791015625 -1549.069702148438 6767.287109375 -1546.000732421875 6763.49951171875 -1546.000732421875 Z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.5 KiB |
@ -0,0 +1,33 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="75" height="66.739" viewBox="0 0 75 66.739">
|
||||||
|
<defs>
|
||||||
|
<style>
|
||||||
|
.cls-1 {
|
||||||
|
fill: #fff;
|
||||||
|
stroke: #d73648;
|
||||||
|
stroke-width: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cls-2 {
|
||||||
|
stroke: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cls-3 {
|
||||||
|
fill: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</defs>
|
||||||
|
<g id="Group_181" data-name="Group 181" transform="translate(-200 -386.13)">
|
||||||
|
<g id="Rectangle_59" data-name="Rectangle 59" class="cls-1" transform="translate(200 386.13)">
|
||||||
|
<rect class="cls-2" width="75" height="13.714" rx="6.857"/>
|
||||||
|
<rect class="cls-3" x="1.5" y="1.5" width="72" height="10.714" rx="5.357"/>
|
||||||
|
</g>
|
||||||
|
<g id="Rectangle_60" data-name="Rectangle 60" class="cls-1" transform="translate(200 412.643)">
|
||||||
|
<rect class="cls-2" width="75" height="13.714" rx="6.857"/>
|
||||||
|
<rect class="cls-3" x="1.5" y="1.5" width="72" height="10.714" rx="5.357"/>
|
||||||
|
</g>
|
||||||
|
<g id="Rectangle_62" data-name="Rectangle 62" class="cls-1" transform="translate(200 439.156)">
|
||||||
|
<rect class="cls-2" width="75" height="13.714" rx="6.857"/>
|
||||||
|
<rect class="cls-3" x="1.5" y="1.5" width="72" height="10.714" rx="5.357"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
@ -0,0 +1,33 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="75" height="66.739" viewBox="0 0 75 66.739">
|
||||||
|
<defs>
|
||||||
|
<style>
|
||||||
|
.cls-1 {
|
||||||
|
fill: #d73648;
|
||||||
|
stroke: #d73648;
|
||||||
|
stroke-width: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cls-2 {
|
||||||
|
stroke: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cls-3 {
|
||||||
|
fill: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</defs>
|
||||||
|
<g id="Group_182" data-name="Group 182" transform="translate(-200 -489.13)">
|
||||||
|
<g id="Rectangle_68" data-name="Rectangle 68" class="cls-1" transform="translate(200 489.13)">
|
||||||
|
<rect class="cls-2" width="75" height="13.714" rx="6.857"/>
|
||||||
|
<rect class="cls-3" x="1.5" y="1.5" width="72" height="10.714" rx="5.357"/>
|
||||||
|
</g>
|
||||||
|
<g id="Rectangle_69" data-name="Rectangle 69" class="cls-1" transform="translate(200 515.643)">
|
||||||
|
<rect class="cls-2" width="75" height="13.714" rx="6.857"/>
|
||||||
|
<rect class="cls-3" x="1.5" y="1.5" width="72" height="10.714" rx="5.357"/>
|
||||||
|
</g>
|
||||||
|
<g id="Rectangle_70" data-name="Rectangle 70" class="cls-1" transform="translate(200 542.156)">
|
||||||
|
<rect class="cls-2" width="75" height="13.714" rx="6.857"/>
|
||||||
|
<rect class="cls-3" x="1.5" y="1.5" width="72" height="10.714" rx="5.357"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
@ -0,0 +1,25 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="116.565" height="116.565" viewBox="0 0 116.565 116.565">
|
||||||
|
<defs>
|
||||||
|
<style>
|
||||||
|
.cls-1 {
|
||||||
|
fill: #d5d5d5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cls-2 {
|
||||||
|
fill: none;
|
||||||
|
stroke: #fff;
|
||||||
|
stroke-linecap: round;
|
||||||
|
stroke-width: 5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</defs>
|
||||||
|
<g id="Group_183" data-name="Group 183" transform="translate(-1117.718 -675.693)">
|
||||||
|
<g id="Group_102" data-name="Group 102" transform="translate(1117.718 792.258) rotate(-90)">
|
||||||
|
<circle id="Ellipse_10" data-name="Ellipse 10" class="cls-1" cx="58.282" cy="58.282" r="58.282"/>
|
||||||
|
</g>
|
||||||
|
<g id="Group_103" data-name="Group 103" transform="translate(1350.854 1470.318) rotate(180)">
|
||||||
|
<path id="Path_7" data-name="Path 7" class="cls-2" d="M-8983.127-1223.375l16.093,16.091,16.092-16.091" transform="translate(9141.77 1967.383)"/>
|
||||||
|
<path id="Path_8" data-name="Path 8" class="cls-2" d="M-8943.85-1253.375v-48.08" transform="translate(9118.583 2013.473)"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
@ -0,0 +1,17 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="18.621" height="18.622" viewBox="0 0 18.621 18.622">
|
||||||
|
<defs>
|
||||||
|
<style>
|
||||||
|
.cls-1 {
|
||||||
|
fill: none;
|
||||||
|
stroke: #d6d6d6;
|
||||||
|
stroke-linecap: round;
|
||||||
|
stroke-width: 2px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</defs>
|
||||||
|
<g id="Group_85" data-name="Group 85" transform="translate(1 1)">
|
||||||
|
<line id="Line_18" data-name="Line 18" class="cls-1" y2="15.375" transform="translate(0 1.247)"/>
|
||||||
|
<line id="Line_19" data-name="Line 19" class="cls-1" x1="16.621" transform="translate(0 16.621)"/>
|
||||||
|
<line id="Line_20" data-name="Line 20" class="cls-1" y2="16.621" transform="translate(0)"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 670 B |
Reference in New Issue