Compare commits

..

21 Commits

Author SHA1 Message Date
d27d99792e Merge commit 'f9468e3e70c1630d55be14378d0bcdba7beaeaed' 2020-09-06 17:30:00 +02:00
f9468e3e70 There is always something to fiddle around with styling. 2020-09-06 17:22:48 +02:00
e8d4a13bd0 Added dummy content to footer. 2020-09-06 17:20:09 +02:00
76014232a1 Adjusted social svg color, because I can't style it from file. 2020-09-06 14:36:07 +02:00
ce43085167 CSS classnames now in CamelCase. 2020-09-06 12:32:25 +02:00
9012d465d6 Sanitized line endigs. 2020-09-06 11:47:19 +02:00
e3b281f868 Styled social media icons. 2020-09-06 11:36:35 +02:00
b437fd5a2e Added social media icons to the footer. Still ugly. I hate CSS! 2020-09-06 05:00:17 +02:00
e24330da63 Added a bunch of social media svg icons. 2020-09-06 04:58:04 +02:00
2fcc3ac3ab Merge commit '7739cd0f5cf16eadc70b091605217f24e3233e93' into feature/footer 2020-09-06 00:36:05 +02:00
687637af93 Added comments. 2020-09-06 00:30:04 +02:00
5cd481bf40 Also scoped media queries. (?) 2020-09-06 00:22:12 +02:00
80bd9bdb13 Scoped footer under LP-Footer. 2020-09-06 00:12:55 +02:00
fb13f466d0 Footer now uses global viewport variables. 2020-09-05 23:17:02 +02:00
713edfdc3b Moved footer below LP-Wrapper__Site to use full width. 2020-09-05 23:13:47 +02:00
e5b7862752 Remove redundant and offensive CSS. 2020-09-05 23:00:50 +02:00
4a532b9a3d Rudimentary first import of footer. Still needs massive work. 2020-09-05 22:39:55 +02:00
638c5d5510 Added comments. 2020-09-05 22:27:18 +02:00
d3dfc4b0cd Edited indentation and order of fonts. 2020-09-05 22:21:25 +02:00
1571c8c33b Added footer to place page. 2020-09-05 22:13:51 +02:00
bd86fed2f8 Merge commit '3cd9dc6ec6da65e961dcec9d57742050c3baf6a8' into feature/footer 2020-09-05 20:32:19 +02:00
15 changed files with 1010 additions and 132 deletions

View File

@ -1,31 +1,277 @@
.LP-Footer{
margin-top: 75px;
// Define easily accessible color-defaults for the footer.
$-primary-link-color: $-beige;
$-primary-line-color: $-almost-white;
.LP-Footer {
margin: auto;
background: $-grey;
width: 100%;
background-color: $-grey;
padding: 25px;
font-family: $-primary-sans-serif-font;
font-size: 0.75rem;
.LP-LinkList__List{
display: flex;
align-items: center;
justify-content: center;
* {
box-sizing: border-box;
}
.LP-LinkList__Item{
border: none;
padding: 5px;
width: auto;
ul {
list-style: none;
}
.LP-Text{
color: $-almost-white;
font-size: 17px;
}
a {
text-decoration: none;
}
.LP-Link{
display: inline;
&__GenericAnchor {
color: $-primary-link-color;
&:hover{
background-color: inherit;
}
}
&:hover {
color: $-primary-line-color;
}
}
// Use flexbox
&__Flex {
display: flex;
flex-flow: row wrap;
}
&__ListTop {
text-align: center;
width: 33.333%;
}
&__ListTop > li {
padding-bottom: 10px;
}
&__ListHeader {
padding: 10px 0 5px 0;
color: $-almost-white;
font-size: 2.3vw;
}
&__ListAnchor {
font-size: 1.3em;
}
&__ListText {
font-size: 1.3em;
color: $-almost-white;
}
&__ListText-left {
text-align: left;
}
&__SocialSection {
width: 100%;
align-items: center;
justify-content: space-around;
position: relative;
margin-top: 5px;
}
&__SocialSection::after {
content: "";
position: absolute;
z-index: 1;
top: 50%;
left: 10px;
border-top: 1px solid $-primary-line-color;
width: calc(100% - 20px);
}
// Include social media icons.
.LP-Footer__Social-Mastodon {
.LP-Footer__Icon {
background-image: url('icons/social/mastodon.svg');
}
}
.LP-Footer__Social-Twitter {
.LP-Footer__Icon {
background-image: url('icons/social/twitter.svg');
}
}
.LP-Footer__Social-Facebook {
.LP-Footer__Icon {
background-image: url('icons/social/facebook.svg');
}
}
.LP-Footer__Social-Youtube {
.LP-Footer__Icon {
background-image: url('icons/social/youtube.svg');
}
}
.LP-Footer__Social-Vimeo {
.LP-Footer__Icon {
background-image: url('icons/social/vimeo.svg');
}
}
.LP-Footer__Social-Instagram {
.LP-Footer__Icon {
background-image: url('icons/social/instagram.svg');
}
}
.LP-Footer__Social-Vkontakte {
.LP-Footer__Icon {
background-image: url('icons/social/vkontakte.svg');
}
}
.LP-Footer__Social-Wordpress {
.LP-Footer__Icon {
background-image: url('icons/social/wordpress.svg');
}
}
// Social media icons style.
.LP-Footer__Icon {
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: center;
background-clip: content-box;
position: absolute;
height: 50px;
width: 50px;
}
// Big letters of "EXPLORE WITH US"
&__SocialExplore {
display: flex;
align-items: center;
font-size: 3.5em;
color: $-almost-white;
}
// Small letters of "EXPLORE WITH US"
&__SocialSmall {
font-size: 0.6em;
padding: 0px 20px;
}
&__SocialOverlap {
position: relative;
z-index: 2;
background: $-grey;
padding: 0 10px;
}
&__SocialOverlap > a {
font-size: 3em;
padding-right: 50px;
}
&__BottomSection {
width: 100%;
padding: 10px;
border-top: 1px solid $-primary-line-color;
margin-top: 10px;
}
&__BottomSection > div:first-child {
margin-right: auto;
}
&__BottomWrapper {
font-size: 1.5em;
color: $-almost-white;
}
}
// Media queries using global widths.
@media(max-width: $-viewport-normal) {
.LP-Footer__ListHeader {
font-size: 2em;
}
.LP-Footer__ListAnchor {
font-size: 1.1em;
}
.LP-Footer__SocialConnect {
font-size: 2.5em;
}
.LP-Footer__SocialOverlap > a {
font-size: 2.24em;
height: 50px;
}
.LP-Footer__BottomWrapper {
font-size: 1.3em;
}
}
@media(max-width: $-viewport-medium) {
.LP-Footer__ListTop {
width: 100%;
}
.LP-Footer__ListHeader {
font-size: 3em;
}
.LP-Footer__ListAnchor {
font-size: 1.5em;
}
.LP-Footer__SocialSection {
justify-content: center
}
.LP-Footer__SocialSection::after {
top: 25%;
}
.LP-Footer__SocialConnect {
margin-bottom: 10px;
padding: 0 10px;
}
.LP-Footer__SocialOverlap {
display: flex;
justify-content: center;
height: 50px;
}
.LP-Footer__SocialIconsWrapper {
width: 100%;
padding: 0;
}
.LP-Footer__SocialOverlap {
margin-left: 0px;
}
.LP-Footer__BottomSection {
padding: 0 5px 10px 5px;
}
.LP-Footer__BottomWrapper {
text-align: center;
width: 100%;
margin-top: 10px;
}
}
@media(max-width: $-viewport-small) {
.LP-Footer__SocialOverlap > a {
margin: auto;
}
.LP-Footer__SocialOverlap > a:not(:first-child) {
margin-left: 0;
}
.LP-Footer__BottomRights {
display: block;
}
}
@media(max-width: $-viewport-extra-small) {
.LP-Footer__ListHeader {
font-size: 2.2em;
}
.LP-Footer__ListAnchor {
font-size: 1.2em;
}
.LP-Footer__SocialConnect {
font-size: 2.4em;
}
.LP-Footer__SocialOverlap > a {
font-size: 2.24em;
}
.LP-Footer__BottomWrapper {
font-size: 1.3em;
}
}

View File

@ -1,4 +1,4 @@
{
"title": "Footer",
"status": "prototype"
"status": "wip"
}

View File

@ -1,7 +1,65 @@
<article class="LP-Footer">
<ul class="LP-LinkList__List">
<li class="LP-LinkList__Item"><a href="" class="LP-Link"><span class="LP-Text">impress</span></a></li>
<li class="LP-LinkList__Item"><a href="" class="LP-Link"><span class="LP-Text">contact</span></a></li>
<li class="LP-LinkList__Item"><a href="" class="LP-Link"><span class="LP-Text">privacy policy</span></a></li>
</ul>
</article>
<footer class="LP-Footer LP-Footer__Flex">
<ul class="LP-Footer__ListTop">
<li><h4 class="LP-Footer__ListHeader">About</h4></li>
<li><a href='https://git.mowoe.com/reverend/lostplaces-backend/src/branch/master/Readme.md' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Host your own instance!</a></li>
<li><a href='https://git.mowoe.com/reverend/lostplaces-backend/issues' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Issue tracker</a></li>
<li><a href='https://git.mowoe.com/reverend/lostplaces-backend' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Backend repository</a></li>
<li><a href='https://git.mowoe.com/reverend/lostplaces-frontend' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Frontend repository</a></li>
</ul>
<ul class="LP-Footer__ListTop">
<li><h4 class="LP-Footer__ListHeader">Contact</h4></li>
<li><a href='https://www.urban-exploration.com' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">https://www.urban-exploration.com</a></li>
<li><a href='mailto:JohnSSmith@einrot.com' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">JohnSSmith@einrot.com</a></li>
<li class="LP-Footer__ListText LP-Footer__ListAnchor">937-387-6498</li>
</ul>
<ul class="LP-Footer__ListTop">
<li id='Contact'><h4 class="LP-Footer__ListHeader">Postal address</h4></li>
<li class="LP-Footer__ListText LP-Footer__ListAnchor"><b>Urban Exploration Ltd.</b></li>
<li class="LP-Footer__ListText LP-Footer__ListAnchor">John S. Smith</li>
<li class="LP-Footer__ListText LP-Footer__ListAnchor">2563 College Avenue</li>
<li class="LP-Footer__ListText LP-Footer__ListAnchor">Dayton, OH 45402</li>
</ul>
<!-- Explore with us / social media bar -->
<section class="LP-Footer__SocialSection LP-Footer__Flex">
<span class="LP-Footer__SocialOverlap LP-Footer__SocialExplore">
EXPLORE <span class="LP-Footer__SocialSmall">with</span> US
</span>
<span class="LP-Footer__SocialOverlap LP-Footer__SocialIconsWrapper">
<a href="https://mastodon.social/@urbanexploration" class="LP-Footer__Social-Mastodon LP-Footer__GenericAnchor"
target="_blank" title="Mastodon">
<span class="LP-Footer__Icon"></span>
</a>
<a href="https://twitter.com/urbanexploration" class="LP-Footer__Social-Twitter LP-Footer__GenericAnchor"
target="_blank" title="Twitter">
<span class="LP-Footer__Icon"></span>
</a>
<a href="https://www.youtube.com/channel/urbanexploration" class="LP-Footer__Social-Youtube LP-Footer__GenericAnchor"
target="_blank" title="Youtube">
<span class="LP-Footer__Icon"></span>
</a>
<a href="https://blog.urbanexploration.com" class="LP-Footer__Social-Wordpress LP-Footer__GenericAnchor"
target="_blank" title="Wordpress">
<span class="LP-Footer__Icon"></span>
</a>
<a href="https://www.instagram.com/urbanexploration" class="LP-Footer__Social-Instagram LP-Footer__GenericAnchor"
target="_blank" title="Instagram">
<span class="LP-Footer__Icon"></span>
</a>
</span>
</section>
<!-- Bottom section with last line of text and links. -->
<section class="LP-Footer__BottomSection LP-Footer__Flex">
<div class="LP-Footer__BottomWrapper">
Proudly made by <a href="https://www.reverend.church" class="LP-Footer__GenericAnchor">Reverend</a>
and <a href="https://www.commander1024.de" class="LP-Footer__GenericAnchor">Commander1024.</a></span>
</div>
<div class="LP-Footer__BottomWrapper">
<a href="/flat/privacy-policy.html" class="LP-Footer__GenericAnchor">Privacy Policy</a>
|
<a href="/flat/impress.html" class="LP-Footer__GenericAnchor">Impress</a>
</div>
</section>
</footer>

View File

@ -1,6 +1,6 @@
.LP-TextSection{
.LP-TextSection {
.LP-UnorderedList{
.LP-UnorderedList {
font-family: $-primary-serif-font;
font-size: 1.4rem;
li{

View File

@ -9,3 +9,4 @@
{{> @placedetail}}
</main>
</div>
{{> @footer}}

View File

@ -1,67 +1,71 @@
@import './rcss.bundled.scss';
// Include primary fonts in regular, italic and bold each.
@font-face {
font-family: 'Crimson Text';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Crimson Text Italic'), local('CrimsonText-Italic'), url(fonts/Crimson/CrimsonText-Italic.ttf) format('truetype');
}
@font-face {
font-family: 'Crimson Text';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Crimson Text Regular'), local('CrimsonText-Regular'), url(fonts/Crimson/CrimsonText-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Crimson Text';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Crimson Text Bold'), local('CrimsonText-Bold'), url(fonts/Crimson/CrimsonText-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Montserrat Italic'), local('Montserrat-Italic'), url(fonts/Montserrat/Montserrat-Italic.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(fonts/Montserrat/Montserrat-Bold.ttf) format('truetype');
}
font-family: 'Crimson Text';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Crimson Text Regular'), local('CrimsonText-Regular'), url(fonts/Crimson/CrimsonText-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Crimson Text';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Crimson Text Italic'), local('CrimsonText-Italic'), url(fonts/Crimson/CrimsonText-Italic.ttf) format('truetype');
}
@font-face {
font-family: 'Crimson Text';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Crimson Text Bold'), local('CrimsonText-Bold'), url(fonts/Crimson/CrimsonText-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Montserrat Italic'), local('Montserrat-Italic'), url(fonts/Montserrat/Montserrat-Italic.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(fonts/Montserrat/Montserrat-Bold.ttf) format('truetype');
}
// Define global color variables.
$-beige: #D7CEC7;
$-grey: #565656;
$-wine-red: #76323F;
$-light-brown: #C09F80;
$-almost-white: #f9f9f9;
$-primary-sans-serif-font: Montserrat,
Helvetica,
sans-serif;
// Define global sand/serif font variables.
$-primary-sans-serif-font: 'Montserrat',
Helvetica,
sans-serif;
$-primary-serif-font: 'Crimson Text',
Times,
serif;
Times,
serif;
$-viewport-extra-small: 450px;
$-viewport-small: 650px;
$-viewport-medium: 750px;
// Define viewport sizes.
$-viewport-normal: 1000px;
$-viewport-medium: 750px;
$-viewport-small: 650px;
$-viewport-extra-small: 450px;
// Define when to hide the sidebar.
$-viewport-toggle-sidebar: $-viewport-small;
$-sidebar-width: 250px;
@ -113,6 +117,7 @@ body {
display: none;
}
// Media queries
@media(max-width: $-viewport-normal) {
.LP-Wrapper__Site {
grid-template-columns: (0.75 * $-sidebar-width) 1fr;
@ -132,9 +137,9 @@ body {
@media(max-width: $-viewport-extra-small) {
.LP-Main__Sidebar {
max-width: 100vw;
max-width: 100vw;
}
}
}
@media(max-width: $-viewport-toggle-sidebar) {
.LP-Wrapper__Site {

View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="facebook.svg"
xml:space="preserve"
style="enable-background:new 0 0 96.227 96.227;"
viewBox="0 0 96.227 96.227"
height="96.227px"
width="96.227px"
y="0px"
x="0px"
id="Capa_1"
version="1.1"><metadata
id="metadata1183"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs1181" /><sodipodi:namedview
inkscape:current-layer="Capa_1"
inkscape:window-maximized="1"
inkscape:window-y="0"
inkscape:window-x="0"
inkscape:cy="48.113499"
inkscape:cx="48.113499"
inkscape:zoom="8.511125"
showgrid="false"
id="namedview1179"
inkscape:window-height="1016"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<g
style="fill:#f9f9f9;fill-opacity:1"
id="g1176">
<path
style="fill:#f9f9f9;fill-opacity:1"
id="path1174"
d="m 73.099,15.973 -9.058,0.004 c -7.102,0 -8.477,3.375 -8.477,8.328 V 35.226 H 72.502 L 72.496,52.332 H 55.564 V 96.227 H 37.897 V 52.332 H 23.127 V 35.226 h 14.77 V 22.612 C 37.897,7.972 46.84,0 59.9,0 l 13.2,0.021 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="instagram.svg"
xml:space="preserve"
style="enable-background:new 0 0 97.395 97.395;"
viewBox="0 0 97.395 97.395"
height="97.395px"
width="97.395px"
y="0px"
x="0px"
id="Capa_1"
version="1.1"><metadata
id="metadata1237"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs1235" /><sodipodi:namedview
inkscape:current-layer="Capa_1"
inkscape:window-maximized="1"
inkscape:window-y="0"
inkscape:window-x="0"
inkscape:cy="48.697498"
inkscape:cx="48.697498"
inkscape:zoom="8.4090562"
showgrid="false"
id="namedview1233"
inkscape:window-height="1016"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<g
style="fill:#f9f9f9;fill-opacity:1"
id="g1230">
<path
style="fill:#f9f9f9;fill-opacity:1"
id="path1228"
d="m 12.501,0 h 72.393 c 6.875,0 12.5,5.09 12.5,12.5 v 72.395 c 0,7.41 -5.625,12.5 -12.5,12.5 H 12.501 C 5.624,97.395 0,92.305 0,84.895 V 12.5 C 0,5.09 5.624,0 12.501,0 Z m 58.447,10.821 c -2.412,0 -4.383,1.972 -4.383,4.385 v 10.495 c 0,2.412 1.971,4.385 4.383,4.385 h 11.008 c 2.412,0 4.385,-1.973 4.385,-4.385 V 15.206 c 0,-2.413 -1.973,-4.385 -4.385,-4.385 z m 15.439,30.367 h -8.572 c 0.811,2.648 1.25,5.453 1.25,8.355 0,16.2 -13.556,29.332 -30.275,29.332 -16.718,0 -30.272,-13.132 -30.272,-29.332 0,-2.904 0.438,-5.708 1.25,-8.355 h -8.945 v 41.141 c 0,2.129 1.742,3.872 3.872,3.872 h 67.822 c 2.13,0 3.872,-1.742 3.872,-3.872 V 41.188 Z M 48.789,29.533 c -10.802,0 -19.56,8.485 -19.56,18.953 0,10.468 8.758,18.953 19.56,18.953 10.803,0 19.562,-8.485 19.562,-18.953 0,-10.468 -8.758,-18.953 -19.562,-18.953 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1,62 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="mastodon.svg"
xml:space="preserve"
style="enable-background:new 0 0 97.637 97.637;"
viewBox="0 0 417.8 512"
height="97.637px"
width="97.637px"
y="0px"
x="0px"
id="Capa_1"
version="1.1"><metadata
id="metadata1099"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs1097"><filter
height="1.0046383"
y="-0.0023191661"
width="1.0049733"
x="-0.0024866723"
id="filter1101"
style="color-interpolation-filters:sRGB"
inkscape:collect="always"><feGaussianBlur
id="feGaussianBlur1103"
stdDeviation="0.43298031"
inkscape:collect="always" /></filter></defs><sodipodi:namedview
inkscape:current-layer="Capa_1"
inkscape:window-maximized="1"
inkscape:window-y="0"
inkscape:window-x="0"
inkscape:cy="48.818501"
inkscape:cx="48.818501"
inkscape:zoom="8.3882134"
showgrid="false"
id="namedview1095"
inkscape:window-height="1016"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<g
style="opacity:0.992;fill:#f9f9f9;fill-opacity:1;filter:url(#filter1101)"
id="g1092">
<path
style="fill:#f9f9f9;fill-opacity:1"
id="path1090"
d="M 417.8,179.1 C 417.8,81.9 354.1,53.4 354.1,53.4 291.6,24.7 125.6,25 63.7,53.4 63.7,53.4 0,81.9 0,179.1 c 0,115.7 -6.6,259.4 105.6,289.1 40.5,10.7 75.3,13 103.3,11.4 50.8,-2.8 79.3,-18.1 79.3,-18.1 l -1.7,-36.9 c 0,0 -36.3,11.4 -77.1,10.1 -40.4,-1.4 -83,-4.4 -89.6,-54 -0.6,-4.4 -0.9,-9 -0.9,-13.9 85.6,20.9 158.6,9.1 178.7,6.7 56.1,-6.7 105,-41.3 111.2,-72.9 9.8,-49.8 9,-121.5 9,-121.5 z M 342.7,304.3 H 296.1 V 190.1 c 0,-49.7 -64,-51.6 -64,6.9 v 62.5 H 185.8 V 197 c 0,-58.5 -64,-56.6 -64,-6.9 V 304.3 H 75.1 c 0,-122.1 -5.2,-147.9 18.4,-175 25.9,-28.9 79.8,-30.8 103.8,6.1 l 11.6,19.5 11.6,-19.5 c 24.1,-37.1 78.1,-34.8 103.8,-6.1 23.7,27.3 18.4,53 18.4,175 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="twitter.svg"
xml:space="preserve"
style="enable-background:new 0 0 97.637 97.637;"
viewBox="0 0 97.637 97.637"
height="97.637px"
width="97.637px"
y="0px"
x="0px"
id="Capa_1"
version="1.1"><metadata
id="metadata889"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs887" /><sodipodi:namedview
inkscape:current-layer="Capa_1"
inkscape:window-maximized="1"
inkscape:window-y="0"
inkscape:window-x="0"
inkscape:cy="48.818501"
inkscape:cx="48.818501"
inkscape:zoom="8.3882134"
showgrid="false"
id="namedview885"
inkscape:window-height="1016"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<g
style="opacity:0.995;fill:#f9f9f9;fill-opacity:1"
id="g882">
<path
style="fill:#f9f9f9;fill-opacity:1"
id="path880"
d="m 97.523,18.526 c -0.14,-0.165 -0.371,-0.221 -0.568,-0.131 -2.919,1.295 -5.99,2.226 -9.153,2.776 3.358,-2.526 5.86,-6.024 7.143,-10.035 0.062,-0.192 -0.002,-0.402 -0.159,-0.527 -0.158,-0.125 -0.377,-0.141 -0.55,-0.038 -3.782,2.243 -7.878,3.824 -12.18,4.701 -3.812,-3.956 -9.135,-6.219 -14.644,-6.219 -11.204,0 -20.318,9.114 -20.318,20.317 0,1.355 0.131,2.697 0.391,4 C 31.967,32.412 17.457,24.962 7.591,12.861 7.49,12.737 7.337,12.668 7.177,12.684 c -0.159,0.012 -0.301,0.102 -0.381,0.239 -1.8,3.088 -2.751,6.621 -2.751,10.215 0,6.229 2.83,12.053 7.649,15.896 C 9.213,38.736 6.79,37.955 4.605,36.742 4.458,36.659 4.275,36.66 4.128,36.745 c -0.147,0.084 -0.24,0.24 -0.244,0.41 l -0.002,0.26 c 0,8.946 5.895,16.801 14.282,19.409 -2.209,0.356 -4.501,0.332 -6.754,-0.098 -0.166,-0.031 -0.34,0.026 -0.454,0.154 -0.113,0.128 -0.151,0.307 -0.099,0.469 2.515,7.85 9.503,13.355 17.637,14.041 -6.785,4.971 -14.805,7.59 -23.279,7.59 -1.561,0 -3.133,-0.093 -4.673,-0.274 -0.22,-0.025 -0.438,0.106 -0.514,0.317 -0.076,0.213 0.005,0.451 0.195,0.572 9.17,5.881 19.773,8.988 30.664,8.988 35.625,0 56.913,-28.938 56.913,-56.914 0,-0.779 -0.015,-1.554 -0.046,-2.327 3.843,-2.811 7.142,-6.252 9.802,-10.235 0.119,-0.178 0.106,-0.415 -0.033,-0.581 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="vimeo.svg"
xml:space="preserve"
style="enable-background:new 0 0 97.097 97.096;"
viewBox="0 0 97.097 97.096"
height="97.096px"
width="97.097px"
y="0px"
x="0px"
id="Capa_1"
version="1.1"><metadata
id="metadata877"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs875" /><sodipodi:namedview
inkscape:current-layer="Capa_1"
inkscape:window-maximized="1"
inkscape:window-y="0"
inkscape:window-x="0"
inkscape:cy="48.548"
inkscape:cx="48.5485"
inkscape:zoom="8.4349509"
showgrid="false"
id="namedview873"
inkscape:window-height="1016"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<g
style="fill:#f9f9f9;fill-opacity:1"
id="g870">
<path
style="fill:#f9f9f9;fill-opacity:1"
id="path868"
d="M 97.05,25.977 C 96.619,35.43 90.012,48.378 77.244,64.811 64.046,81.975 52.876,90.56 43.734,90.56 38.079,90.56 33.29,85.334 29.377,74.876 26.764,65.291 24.15,55.715 21.539,46.13 18.637,35.678 15.522,30.447 12.187,30.447 c -0.724,0 -3.27,1.531 -7.622,4.577 L 0,29.136 c 4.788,-4.208 9.517,-8.422 14.167,-12.643 6.394,-5.52 11.19,-8.429 14.391,-8.722 7.557,-0.725 12.208,4.446 13.954,15.502 1.886,11.938 3.191,19.361 3.922,22.264 2.176,9.902 4.576,14.849 7.19,14.849 2.034,0 5.091,-3.216 9.159,-9.634 4.065,-6.427 6.244,-11.315 6.537,-14.667 0.58,-5.545 -1.6,-8.324 -6.537,-8.324 -2.328,0 -4.727,0.531 -7.188,1.592 4.77,-15.632 13.887,-23.229 27.348,-22.8 9.98,0.294 14.68,6.769 14.107,19.424 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="vkontakte.svg"
xml:space="preserve"
style="enable-background:new 0 0 96.496 96.496;"
viewBox="0 0 96.496 96.496"
height="96.496px"
width="96.496px"
y="0px"
x="0px"
id="Capa_1"
version="1.1"><metadata
id="metadata937"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs935" /><sodipodi:namedview
inkscape:current-layer="Capa_1"
inkscape:window-maximized="1"
inkscape:window-y="0"
inkscape:window-x="0"
inkscape:cy="48.248001"
inkscape:cx="48.248001"
inkscape:zoom="8.4873982"
showgrid="false"
id="namedview933"
inkscape:window-height="1016"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<g
style="fill:#f9f9f9;fill-opacity:1"
id="g930">
<path
style="fill:#f9f9f9;fill-opacity:1"
id="path928"
d="m 92.499,65.178 c -2.873,-3.446 -6.254,-6.387 -9.453,-9.51 -2.886,-2.815 -3.068,-4.448 -0.748,-7.697 2.532,-3.546 5.255,-6.956 7.81,-10.486 2.385,-3.299 4.823,-6.589 6.078,-10.539 0.796,-2.513 0.092,-3.623 -2.485,-4.063 -0.444,-0.077 -0.903,-0.081 -1.355,-0.081 L 77.057,22.784 c -1.883,-0.028 -2.924,0.793 -3.59,2.462 -0.899,2.256 -1.826,4.51 -2.897,6.687 -2.43,4.936 -5.144,9.707 -8.949,13.747 -0.839,0.891 -1.767,2.017 -3.169,1.553 -1.754,-0.64 -2.271,-3.53 -2.242,-4.507 L 56.195,25.079 c -0.34,-2.521 -0.899,-3.645 -3.402,-4.135 l -15.882,0.003 c -2.12,0 -3.183,0.819 -4.315,2.145 -0.653,0.766 -0.85,1.263 0.492,1.517 2.636,0.5 4.121,2.206 4.515,4.849 0.632,4.223 0.588,8.463 0.224,12.703 -0.107,1.238 -0.32,2.473 -0.811,3.629 -0.768,1.817 -2.008,2.187 -3.637,1.069 -1.475,-1.012 -2.511,-2.44 -3.525,-3.874 C 26.045,37.603 23.006,31.799 20.528,25.7 19.812,23.938 18.577,22.87 16.71,22.841 12.123,22.768 7.535,22.756 2.948,22.845 c -2.76,0.052 -3.583,1.392 -2.459,3.894 4.996,11.113 10.557,21.917 17.816,31.759 3.727,5.051 8.006,9.51 13.534,12.67 6.265,3.582 13.009,4.66 20.112,4.328 3.326,-0.156 4.325,-1.021 4.479,-4.336 0.104,-2.268 0.361,-4.523 1.48,-6.561 1.098,-2 2.761,-2.381 4.678,-1.137 0.959,0.623 1.767,1.416 2.53,2.252 1.872,2.048 3.677,4.158 5.62,6.137 2.437,2.48 5.324,3.945 8.954,3.646 L 93.744,75.5 c 2.264,-0.148 3.438,-2.924 2.138,-5.451 -0.913,-1.77 -2.111,-3.346 -3.383,-4.871 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="wordpress.svg"
xml:space="preserve"
style="enable-background:new 0 0 96.24 96.24;"
viewBox="0 0 96.24 96.24"
height="96.24px"
width="96.24px"
y="0px"
x="0px"
id="Capa_1"
version="1.1"><metadata
id="metadata1045"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs1043" /><sodipodi:namedview
inkscape:current-layer="Capa_1"
inkscape:window-maximized="1"
inkscape:window-y="0"
inkscape:window-x="0"
inkscape:cy="48.119999"
inkscape:cx="48.119999"
inkscape:zoom="8.5099753"
showgrid="false"
id="namedview1041"
inkscape:window-height="1016"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<g
style="fill:#f9f9f9;fill-opacity:1"
id="g1038">
<path
style="fill:#f9f9f9;fill-opacity:1"
id="path1036"
d="M 48.122,0 C 21.587,0 0.001,21.585 0.001,48.118 c 0,26.535 21.587,48.122 48.12,48.122 26.532,0 48.117,-21.587 48.117,-48.122 C 96.239,21.586 74.654,0 48.122,0 Z M 4.857,48.118 c 0,-6.271 1.345,-12.227 3.746,-17.606 L 29.241,87.056 C 14.81,80.042 4.857,65.243 4.857,48.118 Z m 43.265,43.267 c -4.247,0 -8.346,-0.623 -12.222,-1.763 L 48.88,51.903 62.181,88.336 c 0.086,0.215 0.191,0.411 0.308,0.596 -4.497,1.582 -9.329,2.453 -14.367,2.453 z m 5.961,-63.551 c 2.604,-0.137 4.953,-0.412 4.953,-0.412 2.33,-0.276 2.057,-3.701 -0.277,-3.564 0,0 -7.007,0.549 -11.532,0.549 -4.25,0 -11.396,-0.549 -11.396,-0.549 -2.332,-0.137 -2.604,3.427 -0.273,3.564 0,0 2.208,0.275 4.537,0.412 l 6.74,18.469 -9.468,28.395 -15.752,-46.863 c 2.608,-0.136 4.952,-0.412 4.952,-0.412 2.33,-0.275 2.055,-3.702 -0.278,-3.562 0,0 -7.004,0.549 -11.53,0.549 -0.813,0 -1.77,-0.021 -2.784,-0.052 7.734,-11.747 21.033,-19.502 36.147,-19.502 11.265,0 21.519,4.306 29.215,11.357 -0.187,-0.01 -0.368,-0.035 -0.562,-0.035 -4.248,0 -7.264,3.702 -7.264,7.679 0,3.564 2.055,6.582 4.248,10.146 1.647,2.882 3.567,6.585 3.567,11.932 0,3.704 -1.422,8 -3.293,13.986 L 69.718,74.342 Z M 69.871,85.516 83.086,47.308 c 2.471,-6.171 3.29,-11.106 3.29,-15.497 0,-1.591 -0.104,-3.07 -0.292,-4.449 3.38,6.163 5.303,13.236 5.301,20.758 -0.001,15.96 -8.653,29.896 -21.514,37.396 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="youtube.svg"
xml:space="preserve"
style="enable-background:new 0 0 96.875 96.875;"
viewBox="0 0 96.875 96.875"
height="96.875px"
width="96.875px"
y="0px"
x="0px"
id="Capa_1"
version="1.1"><metadata
id="metadata991"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs989" /><sodipodi:namedview
inkscape:current-layer="Capa_1"
inkscape:window-maximized="1"
inkscape:window-y="0"
inkscape:window-x="0"
inkscape:cy="48.4375"
inkscape:cx="48.4375"
inkscape:zoom="8.4541935"
showgrid="false"
id="namedview987"
inkscape:window-height="1016"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<g
style="fill:#f9f9f9;fill-opacity:1"
id="g984">
<path
style="fill:#f9f9f9;fill-opacity:1"
id="path982"
d="M 95.201,25.538 C 94.015,20.386 89.801,16.585 84.728,16.018 72.715,14.677 60.556,14.67 48.453,14.677 36.348,14.67 24.187,14.677 12.174,16.018 7.104,16.585 2.893,20.386 1.707,25.538 0.019,32.875 0,40.884 0,48.438 0,55.992 0,64 1.688,71.336 c 1.184,5.151 5.396,8.952 10.469,9.52 12.012,1.342 24.172,1.349 36.277,1.342 12.107,0.007 24.264,0 36.275,-1.342 5.07,-0.567 9.285,-4.368 10.471,-9.52 1.689,-7.337 1.695,-15.345 1.695,-22.898 0,-7.554 0.014,-15.563 -1.674,-22.9 z M 35.936,63.474 c 0,-10.716 0,-21.32 0,-32.037 10.267,5.357 20.466,10.678 30.798,16.068 -10.3,5.342 -20.504,10.631 -30.798,15.969 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -423,13 +423,6 @@
.RV-ImageGrid__Item img {
object-position: center; }
@font-face {
font-family: 'Crimson Text';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local("Crimson Text Italic"), local("CrimsonText-Italic"), url(fonts/Crimson/CrimsonText-Italic.ttf) format("truetype"); }
@font-face {
font-family: 'Crimson Text';
font-style: normal;
@ -437,6 +430,13 @@
font-display: swap;
src: local("Crimson Text Regular"), local("CrimsonText-Regular"), url(fonts/Crimson/CrimsonText-Regular.ttf) format("truetype"); }
@font-face {
font-family: 'Crimson Text';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local("Crimson Text Italic"), local("CrimsonText-Italic"), url(fonts/Crimson/CrimsonText-Italic.ttf) format("truetype"); }
@font-face {
font-family: 'Crimson Text';
font-style: normal;
@ -444,13 +444,6 @@
font-display: swap;
src: local("Crimson Text Bold"), local("CrimsonText-Bold"), url(fonts/Crimson/CrimsonText-Bold.ttf) format("truetype"); }
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local("Montserrat Italic"), local("Montserrat-Italic"), url(fonts/Montserrat/Montserrat-Italic.ttf) format("truetype"); }
@font-face {
font-family: 'Montserrat';
font-style: normal;
@ -458,6 +451,13 @@
font-display: swap;
src: local("Montserrat Regular"), local("Montserrat-Regular"), url(fonts/Montserrat/Montserrat-Regular.ttf) format("truetype"); }
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local("Montserrat Italic"), local("Montserrat-Italic"), url(fonts/Montserrat/Montserrat-Italic.ttf) format("truetype"); }
@font-face {
font-family: 'Montserrat';
font-style: normal;
@ -555,11 +555,11 @@ body {
.LP-Link {
color: #565656;
text-decoration: none;
font-family: Montserrat, Helvetica, sans-serif; }
font-family: "Montserrat", Helvetica, sans-serif; }
.LP-Link:hover {
color: #C09F80; }
.LP-Link .LP-Paragraph {
font-family: Montserrat, Helvetica, sans-serif; }
font-family: "Montserrat", Helvetica, sans-serif; }
.LP-Link .LP-Paragraph:hover {
color: #C09F80; }
@ -567,7 +567,7 @@ body {
display: inline; }
.LP-Headline {
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
color: #565656;
font-size: 1.7rem;
padding-top: 0px;
@ -641,7 +641,7 @@ body {
.LP-Input--tagging .LP-Input__Field, .LP-Input--tagging .tagify {
min-height: 36px;
height: max-content;
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 1em;
padding: 0;
padding-left: 8px; }
@ -669,12 +669,12 @@ body {
background-color: #76323F;
color: #f9f9f9; }
.LP-Input .LP-Input__Label {
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 16px;
white-space: wrap;
overflow: hidden; }
.LP-Input .LP-Input__Message {
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
font-style: italic;
font-size: 13px;
padding: 3px;
@ -747,7 +747,7 @@ body {
.LP-Tag .LP-Paragraph, .tagify__tag .LP-Paragraph {
padding: 0;
margin: 0;
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 1em;
display: inline; }
@ -757,7 +757,7 @@ body {
justify-content: center;
align-items: stretch;
background-color: #f9f9f9;
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
border-radius: 3px;
font-weight: bold;
box-shadow: 0 0 2px #565656;
@ -796,7 +796,7 @@ body {
padding: 8px; }
.LP-Pagination {
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
font-weight: bold;
display: flex;
flex-direction: row;
@ -879,19 +879,19 @@ body {
padding-bottom: 10px;
padding-top: 10px; }
.LP-PlaceTeaser .LP-PlaceTeaser__Meta .LP-Paragraph {
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
padding: 0;
margin: 0;
margin-top: 5px;
font-size: 0.9rem; }
.LP-PlaceTeaser .LP-PlaceTeaser__Meta .LP-Headline {
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
color: #565656;
font-size: 1rem;
padding: 0px;
margin: 0px; }
.LP-PlaceTeaser .LP-PlaceTeaser__Description {
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
color: #565656;
display: none; }
@ -1030,7 +1030,7 @@ body {
.LP-Header__UserInformation {
margin-right: 3%; }
.LP-Header__UserInformation .LP-Paragraph {
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
white-space: nowrap; }
.LP-Header__UserInformation .LP-Link {
margin: 0 3px;
@ -1241,25 +1241,167 @@ body {
display: block; }
.LP-Footer {
margin-top: 75px;
margin: auto;
background: #565656;
width: 100%;
background-color: #565656;
padding: 25px; }
.LP-Footer .LP-LinkList__List {
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 0.75rem; }
.LP-Footer * {
box-sizing: border-box; }
.LP-Footer ul {
list-style: none; }
.LP-Footer a {
text-decoration: none; }
.LP-Footer__GenericAnchor {
color: #D7CEC7; }
.LP-Footer__GenericAnchor:hover {
color: #f9f9f9; }
.LP-Footer__Flex {
display: flex;
flex-flow: row wrap; }
.LP-Footer__ListTop {
text-align: center;
width: 33.333%; }
.LP-Footer__ListTop > li {
padding-bottom: 10px; }
.LP-Footer__ListHeader {
padding: 10px 0 5px 0;
color: #f9f9f9;
font-size: 2.3vw; }
.LP-Footer__ListAnchor {
font-size: 1.3em; }
.LP-Footer__ListText {
font-size: 1.3em;
color: #f9f9f9; }
.LP-Footer__ListText-left {
text-align: left; }
.LP-Footer__SocialSection {
width: 100%;
align-items: center;
justify-content: space-around;
position: relative;
margin-top: 5px; }
.LP-Footer__SocialSection::after {
content: "";
position: absolute;
z-index: 1;
top: 50%;
left: 10px;
border-top: 1px solid #f9f9f9;
width: calc(100% - 20px); }
.LP-Footer .LP-Footer__Social-Mastodon .LP-Footer__Icon {
background-image: url("icons/social/mastodon.svg"); }
.LP-Footer .LP-Footer__Social-Twitter .LP-Footer__Icon {
background-image: url("icons/social/twitter.svg"); }
.LP-Footer .LP-Footer__Social-Facebook .LP-Footer__Icon {
background-image: url("icons/social/facebook.svg"); }
.LP-Footer .LP-Footer__Social-Youtube .LP-Footer__Icon {
background-image: url("icons/social/youtube.svg"); }
.LP-Footer .LP-Footer__Social-Vimeo .LP-Footer__Icon {
background-image: url("icons/social/vimeo.svg"); }
.LP-Footer .LP-Footer__Social-Instagram .LP-Footer__Icon {
background-image: url("icons/social/instagram.svg"); }
.LP-Footer .LP-Footer__Social-Vkontakte .LP-Footer__Icon {
background-image: url("icons/social/vkontakte.svg"); }
.LP-Footer .LP-Footer__Social-Wordpress .LP-Footer__Icon {
background-image: url("icons/social/wordpress.svg"); }
.LP-Footer .LP-Footer__Icon {
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: center;
background-clip: content-box;
position: absolute;
height: 50px;
width: 50px; }
.LP-Footer__SocialExplore {
display: flex;
align-items: center;
font-size: 3.5em;
color: #f9f9f9; }
.LP-Footer__SocialSmall {
font-size: 0.6em;
padding: 0px 20px; }
.LP-Footer__SocialOverlap {
position: relative;
z-index: 2;
background: #565656;
padding: 0 10px; }
.LP-Footer__SocialOverlap > a {
font-size: 3em;
padding-right: 50px; }
.LP-Footer__BottomSection {
width: 100%;
padding: 10px;
border-top: 1px solid #f9f9f9;
margin-top: 10px; }
.LP-Footer__BottomSection > div:first-child {
margin-right: auto; }
.LP-Footer__BottomWrapper {
font-size: 1.5em;
color: #f9f9f9; }
@media (max-width: 1000px) {
.LP-Footer__ListHeader {
font-size: 2em; }
.LP-Footer__ListAnchor {
font-size: 1.1em; }
.LP-Footer__SocialConnect {
font-size: 2.5em; }
.LP-Footer__SocialOverlap > a {
font-size: 2.24em;
height: 50px; }
.LP-Footer__BottomWrapper {
font-size: 1.3em; } }
@media (max-width: 750px) {
.LP-Footer__ListTop {
width: 100%; }
.LP-Footer__ListHeader {
font-size: 3em; }
.LP-Footer__ListAnchor {
font-size: 1.5em; }
.LP-Footer__SocialSection {
justify-content: center; }
.LP-Footer .LP-LinkList__List .LP-LinkList__Item {
border: none;
padding: 5px;
width: auto; }
.LP-Footer .LP-LinkList__List .LP-LinkList__Item .LP-Text {
color: #f9f9f9;
font-size: 17px; }
.LP-Footer .LP-LinkList__List .LP-LinkList__Item .LP-Link {
display: inline; }
.LP-Footer .LP-LinkList__List .LP-LinkList__Item .LP-Link:hover {
background-color: inherit; }
.LP-Footer__SocialSection::after {
top: 25%; }
.LP-Footer__SocialConnect {
margin-bottom: 10px;
padding: 0 10px; }
.LP-Footer__SocialOverlap {
display: flex;
justify-content: center;
height: 50px; }
.LP-Footer__SocialIconsWrapper {
width: 100%;
padding: 0; }
.LP-Footer__SocialOverlap {
margin-left: 0px; }
.LP-Footer__BottomSection {
padding: 0 5px 10px 5px; }
.LP-Footer__BottomWrapper {
text-align: center;
width: 100%;
margin-top: 10px; } }
@media (max-width: 650px) {
.LP-Footer__SocialOverlap > a {
margin: auto; }
.LP-Footer__SocialOverlap > a:not(:first-child) {
margin-left: 0; }
.LP-Footer__BottomRights {
display: block; } }
@media (max-width: 450px) {
.LP-Footer__ListHeader {
font-size: 2.2em; }
.LP-Footer__ListAnchor {
font-size: 1.2em; }
.LP-Footer__SocialConnect {
font-size: 2.4em; }
.LP-Footer__SocialOverlap > a {
font-size: 2.24em; }
.LP-Footer__BottomWrapper {
font-size: 1.3em; } }
.LP-Form--tagging {
margin-top: 25px; }
@ -1315,7 +1457,7 @@ body {
.LP-Form .LP-Form__Legend {
margin: 0;
padding: 0;
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 21px; }
.LP-Form .LP-Form__Composition {
@ -1389,7 +1531,7 @@ body {
flex-basis: 100px; }
.LP-Form .LP-Form__InfoText .LP-Paragraph {
font-family: Montserrat, Helvetica, sans-serif;
font-family: "Montserrat", Helvetica, sans-serif;
color: #565656; }
.LP-ImageGrid {
@ -1609,7 +1751,7 @@ body {
border-radius: 2px;
position: relative;
outline: 0;
font-family: Montserrat, Helvetica, sans-serif; }
font-family: "Montserrat", Helvetica, sans-serif; }
.tagify__dropdown__item--active {
color: #f9f9f9;