Compare commits
No commits in common. "2fc40a69110c4d846b8d5174e39cbcdce46c0fb2" and "132522897ba7dbd5caa64eff2756c6df1c5f49e0" have entirely different histories.
2fc40a6911
...
132522897b
4 changed files with 88 additions and 265 deletions
242
sass/style.scss
242
sass/style.scss
|
|
@ -1,27 +1,4 @@
|
|||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Annie Use Your Telescope';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("fonts/AnnieUseYourTelescope-Regular.ttf");
|
||||
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Annie Use Your Telescope';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("fonts/AnnieUseYourTelescope-Regular.ttf");
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
:root {
|
||||
--carousel-width: 90%;
|
||||
--background-color: #604845;
|
||||
--font-color: #f0dfd8;
|
||||
--duration: 20s;
|
||||
}
|
||||
@import url('https://fonts.googleapis.com/css?family=Annie%20Use%20Your%20Telescope:700|Annie%20Use%20Your%20Telescope:400');
|
||||
|
||||
h1,
|
||||
h2,
|
||||
|
|
@ -32,40 +9,28 @@ h5 {
|
|||
font-weight: 900;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Annie Use Your Telescope';
|
||||
font-weight: 600;
|
||||
|
||||
width: 90%;
|
||||
align-self: center;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
background-color: var(--background-color);
|
||||
color: var(--font-color);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 920px) {
|
||||
:root {
|
||||
--carousel-width: 70%;
|
||||
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 300%;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 16px */
|
||||
|
||||
|
||||
:root {
|
||||
--carousel-width: -2990px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Annie Use Your Telescope';
|
||||
font-weight: 600;
|
||||
|
||||
width: 80%;
|
||||
align-self: center;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
|
|
@ -74,163 +39,76 @@ body {
|
|||
}
|
||||
|
||||
.header-element {
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
align-content: center;
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
|
||||
}
|
||||
|
||||
.header-element>img {
|
||||
height: 10ex;
|
||||
}
|
||||
|
||||
.header-element>.button {
|
||||
font-family: 'Annie Use Your Telescope';
|
||||
font-size: 100%;
|
||||
font-weight: 600;
|
||||
padding: 1ex 1em;
|
||||
border: 1px outset var(--font-color);
|
||||
border-radius: 1ex;
|
||||
color: var(--font-color);
|
||||
background-color: var(--background-color);
|
||||
text-decoration: none;
|
||||
transition: border 300ms, color 300ms, background-color 300ms;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
|
||||
.header-element>.button:hover {
|
||||
border: 1px inset var(--font-color);
|
||||
color: var(--background-color);
|
||||
background-color: var(--font-color);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 920px) {
|
||||
.mobile {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 920px) {
|
||||
.desktop {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.header {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.carousel {
|
||||
position: relative;
|
||||
height: 60vh;
|
||||
}
|
||||
|
||||
|
||||
.slides {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.slide {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
/* top:0;right:0;bottom:0;left:0 */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 1rem;
|
||||
opacity: 0;
|
||||
transform: scale(1.02);
|
||||
animation: fade var(--duration) linear infinite;
|
||||
will-change: opacity, transform;
|
||||
}
|
||||
|
||||
|
||||
/* Stagger the animation start times so slides take turns being visible */
|
||||
.slide:nth-child(1) {
|
||||
animation-delay: calc(var(--duration) * 0/5 * -1);
|
||||
}
|
||||
|
||||
.slide:nth-child(2) {
|
||||
animation-delay: calc(var(--duration) * 1/5 * -1);
|
||||
}
|
||||
|
||||
.slide:nth-child(3) {
|
||||
animation-delay: calc(var(--duration) * 2/5 * -1);
|
||||
}
|
||||
|
||||
.slide:nth-child(4) {
|
||||
animation-delay: calc(var(--duration) * 3/5 * -1);
|
||||
}
|
||||
|
||||
.slide:nth-child(5) {
|
||||
animation-delay: calc(var(--duration) * 4/5 * -1);
|
||||
}
|
||||
|
||||
|
||||
@keyframes fade {
|
||||
|
||||
/* Each slide is visible for 16% of the cycle (approx) and fades in/out smoothly */
|
||||
@keyframes scroll {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
4% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
20% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
24% {
|
||||
opacity: 0;
|
||||
transform: scale(0.98);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(0.98);
|
||||
transform: translateX(var(--carousel-width));
|
||||
}
|
||||
}
|
||||
|
||||
// @media screen and (min-width: 920px) {
|
||||
.carousel::before,
|
||||
.carousel::after {
|
||||
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
|
||||
content: "";
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 5%;
|
||||
z-index: 2;
|
||||
}
|
||||
// }
|
||||
|
||||
/* The images can have different intrinsic sizes — we center and preserve their aspect. */
|
||||
.slide img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
/* preserve image shape, letterbox if necessary */
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 6px 20px rgba(2, 6, 23, 0.35);
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.06));
|
||||
.carousel::after {
|
||||
right: 0;
|
||||
top: 0;
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: var(--font-color);
|
||||
color: var(--background-color);
|
||||
border-radius: 1ex;
|
||||
padding: 1ex;
|
||||
.carousel::before {
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.footer-box {
|
||||
.carousel {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.footer svg {
|
||||
height: 4ex;
|
||||
// .carousel>.overlay {
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// height: 100%;
|
||||
// width: 100%;
|
||||
// background: rgba(255, 0, 0, 0);
|
||||
// background: radial-gradient(ellipse farthest-corner at center center, rgba(255, 0, 0, 0) 0%, #fff 80%);
|
||||
|
||||
// }
|
||||
|
||||
.carousel-element {
|
||||
animation: scroll 70s linear infinite;
|
||||
background: #ffffff;
|
||||
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%);
|
||||
}
|
||||
|
||||
.footer-item {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
text-align: left;
|
||||
.carousel-element>img {
|
||||
|
||||
height: 50vh;
|
||||
}
|
||||
Binary file not shown.
|
|
@ -9,23 +9,31 @@
|
|||
{{ page.content | safe }}
|
||||
</p>
|
||||
<div class="carousel">
|
||||
<div class="slides">
|
||||
<div class="slide">
|
||||
<img src="images/carousel/1.jpg" alt="">
|
||||
<div class="carousel-element">
|
||||
<img src="/1.jpg" alt="">
|
||||
</div>
|
||||
<div class="slide">
|
||||
<img src="images/carousel/2.jpg" alt="">
|
||||
<div class="carousel-element">
|
||||
<img src="/2.jpg" alt="">
|
||||
</div>
|
||||
<div class="slide">
|
||||
<img src="images/carousel/3.jpg" alt="">
|
||||
<div class="carousel-element">
|
||||
<img src="/3.jpg" alt="">
|
||||
</div>
|
||||
<div class="slide">
|
||||
<img src="images/carousel/4.jpg" alt="">
|
||||
<div class="carousel-element">
|
||||
<img src="/4.jpg" alt="">
|
||||
</div>
|
||||
<div class="slide">
|
||||
<img src="images/carousel/5.jpg" alt="">
|
||||
<div class="carousel-element">
|
||||
<img src="/5.jpg" alt="">
|
||||
</div>
|
||||
<div class="carousel-element">
|
||||
<img src="/1.jpg" alt="">
|
||||
</div>
|
||||
<div class="carousel-element">
|
||||
<img src="/2.jpg" alt="">
|
||||
</div>
|
||||
<div class="carousel-element">
|
||||
<img src="/3.jpg" alt="">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
|
@ -9,83 +9,20 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header desktop">
|
||||
<div class="header">
|
||||
<div class="header-element">
|
||||
<a href="/" class="button">Home</a>
|
||||
<a href="/">Home</a>
|
||||
</div>
|
||||
<div class="header-element">
|
||||
<img src="/images/logo.jpg" alt="oldrabbittown">
|
||||
</div>
|
||||
<div class="header-element">
|
||||
<a href="/about" class="button">Über mich</a>
|
||||
<a href="/about">Über mich</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header mobile">
|
||||
<div class="header-element">
|
||||
<img src="/images/logo.jpg" alt="oldrabbittown">
|
||||
</div>
|
||||
<div class="header-element">
|
||||
<a href="/" class="button">Home</a>
|
||||
<a href="/about" class="button">Über mich</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
{% block content %} {% endblock content %}
|
||||
</div>
|
||||
<div class="footer">
|
||||
<h2>Kontakt</h2>
|
||||
<div class="footer-box">
|
||||
<div class="footer-element">
|
||||
<div class="footer-item">
|
||||
<svg viewBox="0 0 24 24" fill="none" id="mail-svg" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4 7.00005L10.2 11.65C11.2667 12.45 12.7333 12.45 13.8 11.65L20 7" stroke="#604845"
|
||||
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
||||
<rect x="3" y="5" width="18" height="14" rx="2" stroke="#604845" stroke-width="2"
|
||||
stroke-linecap="round" />
|
||||
</svg>
|
||||
<p>Beruflich: dienstleistungen.wicke@gmx.de
|
||||
<br> Privat: manuel.wicke@gmx.de
|
||||
</p>
|
||||
</div>
|
||||
<div class="footer-item">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="phone-svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#604845"
|
||||
d="M5.73268 2.043C6.95002 0.832583 8.95439 1.04804 9.9737 2.40962L11.2347 4.09402C12.0641 5.20191 11.9909 6.75032 11.0064 7.72923L10.7676 7.96665C10.7572 7.99694 10.7319 8.09215 10.76 8.2731C10.8232 8.6806 11.1635 9.545 12.592 10.9654C14.02 12.3853 14.8905 12.7253 15.3038 12.7887C15.4911 12.8174 15.5891 12.7906 15.6194 12.78L16.0274 12.3743C16.9026 11.5041 18.2475 11.3414 19.3311 11.9305L21.2416 12.9691C22.8775 13.8584 23.2909 16.0821 21.9505 17.4148L20.53 18.8273C20.0824 19.2723 19.4805 19.6434 18.7459 19.7119C16.9369 19.8806 12.7187 19.6654 8.28659 15.2584C4.14868 11.144 3.35462 7.556 3.25415 5.78817L4.00294 5.74562L3.25415 5.78817C3.20335 4.89426 3.62576 4.13796 4.16308 3.60369L5.73268 2.043ZM8.77291 3.30856C8.26628 2.63182 7.322 2.57801 6.79032 3.10668L5.22072 4.66737C4.8908 4.99542 4.73206 5.35695 4.75173 5.70307C4.83156 7.10766 5.47286 10.3453 9.34423 14.1947C13.4057 18.2331 17.1569 18.3536 18.6067 18.2184C18.9029 18.1908 19.1975 18.0369 19.4724 17.7636L20.8929 16.3511C21.4704 15.777 21.343 14.7315 20.5252 14.2869L18.6147 13.2484C18.0871 12.9616 17.469 13.0562 17.085 13.438L16.6296 13.8909L16.1008 13.359C16.6296 13.8909 16.6289 13.8916 16.6282 13.8923L16.6267 13.8937L16.6236 13.8967L16.6171 13.903L16.6025 13.9166C16.592 13.9262 16.5799 13.9367 16.5664 13.948C16.5392 13.9705 16.5058 13.9959 16.4659 14.0227C16.3858 14.0763 16.2801 14.1347 16.1472 14.1841C15.8764 14.285 15.5192 14.3392 15.0764 14.2713C14.2096 14.1384 13.0614 13.5474 11.5344 12.0291C10.0079 10.5113 9.41194 9.36834 9.2777 8.50306C9.20906 8.06061 9.26381 7.70331 9.36594 7.43225C9.41599 7.29941 9.47497 7.19378 9.5291 7.11389C9.5561 7.07405 9.58179 7.04074 9.60446 7.01368C9.6158 7.00015 9.6264 6.98817 9.63604 6.9777L9.64977 6.96312L9.65606 6.95666L9.65905 6.95363L9.66051 6.95217C9.66122 6.95146 9.66194 6.95075 10.1908 7.48258L9.66194 6.95075L9.94875 6.66556C10.3774 6.23939 10.4374 5.53194 10.0339 4.99297L8.77291 3.30856Z" />
|
||||
</svg>
|
||||
<p>01621847185</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-element">
|
||||
<a href="https://www.linkedin.com/in/psdwicke">
|
||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none">
|
||||
<path fill="#0A66C2"
|
||||
d="M12.225 12.225h-1.778V9.44c0-.664-.012-1.519-.925-1.519-.926 0-1.068.724-1.068 1.47v2.834H6.676V6.498h1.707v.783h.024c.348-.594.996-.95 1.684-.925 1.802 0 2.135 1.185 2.135 2.728l-.001 3.14zM4.67 5.715a1.037 1.037 0 01-1.032-1.031c0-.566.466-1.032 1.032-1.032.566 0 1.031.466 1.032 1.032 0 .566-.466 1.032-1.032 1.032zm.889 6.51h-1.78V6.498h1.78v5.727zM13.11 2H2.885A.88.88 0 002 2.866v10.268a.88.88 0 00.885.866h10.226a.882.882 0 00.889-.866V2.865a.88.88 0 00-.889-.864z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://www.instagram.com/oldrabbit.town">
|
||||
<svg viewBox="0 0 2500 2500" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<radialGradient id="0" cx="332.14" cy="2511.81" r="3263.54" gradientUnits="userSpaceOnUse">
|
||||
<stop offset=".09" stop-color="#fa8f21" />
|
||||
<stop offset=".78" stop-color="#d82d7e" />
|
||||
</radialGradient>
|
||||
<radialGradient id="1" cx="1516.14" cy="2623.81" r="2572.12" gradientUnits="userSpaceOnUse">
|
||||
<stop offset=".64" stop-color="#8c3aaa" stop-opacity="0" />
|
||||
<stop offset="1" stop-color="#8c3aaa" />
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<path
|
||||
d="M833.4,1250c0-230.11,186.49-416.7,416.6-416.7s416.7,186.59,416.7,416.7-186.59,416.7-416.7,416.7S833.4,1480.11,833.4,1250m-225.26,0c0,354.5,287.36,641.86,641.86,641.86S1891.86,1604.5,1891.86,1250,1604.5,608.14,1250,608.14,608.14,895.5,608.14,1250M1767.27,582.69a150,150,0,1,0,150.06-149.94h-0.06a150.07,150.07,0,0,0-150,149.94M745,2267.47c-121.87-5.55-188.11-25.85-232.13-43-58.36-22.72-100-49.78-143.78-93.5s-70.88-85.32-93.5-143.68c-17.16-44-37.46-110.26-43-232.13-6.06-131.76-7.27-171.34-7.27-505.15s1.31-373.28,7.27-505.15c5.55-121.87,26-188,43-232.13,22.72-58.36,49.78-100,93.5-143.78s85.32-70.88,143.78-93.5c44-17.16,110.26-37.46,232.13-43,131.76-6.06,171.34-7.27,505-7.27s373.28,1.31,505.15,7.27c121.87,5.55,188,26,232.13,43,58.36,22.62,100,49.78,143.78,93.5s70.78,85.42,93.5,143.78c17.16,44,37.46,110.26,43,232.13,6.06,131.87,7.27,171.34,7.27,505.15s-1.21,373.28-7.27,505.15c-5.55,121.87-25.95,188.11-43,232.13-22.72,58.36-49.78,100-93.5,143.68s-85.42,70.78-143.78,93.5c-44,17.16-110.26,37.46-232.13,43-131.76,6.06-171.34,7.27-505.15,7.27s-373.28-1.21-505-7.27M734.65,7.57c-133.07,6.06-224,27.16-303.41,58.06C349,97.54,279.38,140.35,209.81,209.81S97.54,349,65.63,431.24c-30.9,79.46-52,170.34-58.06,303.41C1.41,867.93,0,910.54,0,1250s1.41,382.07,7.57,515.35c6.06,133.08,27.16,223.95,58.06,303.41,31.91,82.19,74.62,152,144.18,221.43S349,2402.37,431.24,2434.37c79.56,30.9,170.34,52,303.41,58.06C868,2498.49,910.54,2500,1250,2500s382.07-1.41,515.35-7.57c133.08-6.06,223.95-27.16,303.41-58.06,82.19-32,151.86-74.72,221.43-144.18s112.18-139.24,144.18-221.43c30.9-79.46,52.1-170.34,58.06-303.41,6.06-133.38,7.47-175.89,7.47-515.35s-1.41-382.07-7.47-515.35c-6.06-133.08-27.16-224-58.06-303.41-32-82.19-74.72-151.86-144.18-221.43S2150.95,97.54,2068.86,65.63c-79.56-30.9-170.44-52.1-303.41-58.06C1632.17,1.51,1589.56,0,1250.1,0S868,1.41,734.65,7.57"
|
||||
fill="url(#0)" />
|
||||
<path
|
||||
d="M833.4,1250c0-230.11,186.49-416.7,416.6-416.7s416.7,186.59,416.7,416.7-186.59,416.7-416.7,416.7S833.4,1480.11,833.4,1250m-225.26,0c0,354.5,287.36,641.86,641.86,641.86S1891.86,1604.5,1891.86,1250,1604.5,608.14,1250,608.14,608.14,895.5,608.14,1250M1767.27,582.69a150,150,0,1,0,150.06-149.94h-0.06a150.07,150.07,0,0,0-150,149.94M745,2267.47c-121.87-5.55-188.11-25.85-232.13-43-58.36-22.72-100-49.78-143.78-93.5s-70.88-85.32-93.5-143.68c-17.16-44-37.46-110.26-43-232.13-6.06-131.76-7.27-171.34-7.27-505.15s1.31-373.28,7.27-505.15c5.55-121.87,26-188,43-232.13,22.72-58.36,49.78-100,93.5-143.78s85.32-70.88,143.78-93.5c44-17.16,110.26-37.46,232.13-43,131.76-6.06,171.34-7.27,505-7.27s373.28,1.31,505.15,7.27c121.87,5.55,188,26,232.13,43,58.36,22.62,100,49.78,143.78,93.5s70.78,85.42,93.5,143.78c17.16,44,37.46,110.26,43,232.13,6.06,131.87,7.27,171.34,7.27,505.15s-1.21,373.28-7.27,505.15c-5.55,121.87-25.95,188.11-43,232.13-22.72,58.36-49.78,100-93.5,143.68s-85.42,70.78-143.78,93.5c-44,17.16-110.26,37.46-232.13,43-131.76,6.06-171.34,7.27-505.15,7.27s-373.28-1.21-505-7.27M734.65,7.57c-133.07,6.06-224,27.16-303.41,58.06C349,97.54,279.38,140.35,209.81,209.81S97.54,349,65.63,431.24c-30.9,79.46-52,170.34-58.06,303.41C1.41,867.93,0,910.54,0,1250s1.41,382.07,7.57,515.35c6.06,133.08,27.16,223.95,58.06,303.41,31.91,82.19,74.62,152,144.18,221.43S349,2402.37,431.24,2434.37c79.56,30.9,170.34,52,303.41,58.06C868,2498.49,910.54,2500,1250,2500s382.07-1.41,515.35-7.57c133.08-6.06,223.95-27.16,303.41-58.06,82.19-32,151.86-74.72,221.43-144.18s112.18-139.24,144.18-221.43c30.9-79.46,52.1-170.34,58.06-303.41,6.06-133.38,7.47-175.89,7.47-515.35s-1.41-382.07-7.47-515.35c-6.06-133.08-27.16-224-58.06-303.41-32-82.19-74.72-151.86-144.18-221.43S2150.95,97.54,2068.86,65.63c-79.56-30.9-170.44-52.1-303.41-58.06C1632.17,1.51,1589.56,0,1250.1,0S868,1.41,734.65,7.57"
|
||||
fill="url(#1)" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Reference in a new issue