web3privacy/web
1
0
Fork 0
mirror of https://github.com/web3privacy/web synced 2024-10-15 18:26:27 +02:00
Code Issues Projects Releases Packages Wiki Activity
web/src/styles/base.css

307 lines
88 KiB
CSS
Raw Normal View History

initial commit
2023-11-13 03:03:34 +01:00
/* latin-ext */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/fonts/archivo-regular-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/fonts/archivo-regular-latin.woff2) format('woff2');
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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Major Mono Display';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/major-mono-display-v13-latin-regular.woff2) format('woff2');
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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@tailwind components;
@layer components {
body, p, div {
@apply text-[#909090] leading-8;
}
h1, h2, h3, h4 {
font-family: "Major Mono Display";
@apply lowercase text-white;
}
h1 {
@apply text-2xl mb-8;
}
.middle-pane-medium {
@apply max-w-7xl mx-auto px-6 xl:px-0;
}
.middle-pane-big {
@apply max-w-screen-2xl mx-auto px-6 2xl:px-0;
}
#no-intro {
background-color: #0f0f0f
}
#intro {
update bg
2023-11-13 03:34:56 +01:00
background-image: url(/hp-bg.webp);
updates
2023-11-13 04:44:38 +01:00
background-repeat: repeat;
initial commit
2023-11-13 03:03:34 +01:00
background-color: #0f0f0f;
background-position: center;
}
a.button {
@apply cursor-pointer;
}
a.button button {
@apply bg-white px-4 py-2 uppercase text-black border text-sm hover:text-white hover:bg-black hover:border;
}
a.button.inverted button {
@apply bg-black px-4 py-2 uppercase text-white border text-sm hover:text-black hover:bg-white hover:border;
}
a.button button::after {
margin-left: 0.75em;
content: "→";
}
updates
2023-12-20 23:14:44 +01:00
.basegrid-entry {
@apply opacity-80 hover:opacity-100 cursor-pointer flex items-end;
}
.basegrid-entry .title {
@apply p-6 bg-black/80 w-full font-semibold;
}
.basegrid-entry .title a {
@apply text-white text-lg;
}
.basegrid-entry:hover .title a {
@apply underline;
}
.basegrid-entry .date {
@apply block text-sm;
}
initial commit
2023-11-13 03:03:34 +01:00
.w3pn-topics > div {
@apply mb-3;
}
.w3pn-topics > div::before {
padding-right: 1em;
vertical-align: 3px;
content: url('data:image/svg+xml,<svg width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg"><rect opacity="0.25" width="12" height="2" fill="white"/></svg>')
}
updates
2023-12-20 23:14:44 +01:00
.w3pn-hp-grid .bg-events {
background-image: url(/hp-box-events.svg);
background-position: center;
background-size: cover;
}
.w3pn-hp-grid .bg-talks {
background-image: url(/hp-box-talks.png);
background-position: center;
background-size: cover;
}
.w3pn-hp-grid .bg-projects {
background-image: url(/hp-box-projects.png);
background-position: center;
background-size: cover;
}
.w3pn-hp-grid .numbers {
@apply flex gap-2 m-4 items-end;
}
.w3pn-hp-grid .numbers > div {
@apply bg-white px-3 py-2;
}
.w3pn-hp-grid .numbers .big {
@apply text-2xl font-bold;
}
.w3pn-hp-grid .numbers .semibig {
@apply text-lg font-bold;
}
.w3pn-hp-grid .numbers > div > div {
@apply text-black text-sm;
}
.w3pn-hp-grid .title {
@apply text-white uppercase my-3 mx-4;
}
initial commit
2023-11-13 03:03:34 +01:00
.w3pn-hp-grid > div {
updates
2023-12-20 23:14:44 +01:00
@apply aspect-video bg-[#0f0f0f] grid grid-rows-2 hover:bg-[#202020] cursor-pointer;
initial commit
2023-11-13 03:03:34 +01:00
}
basic project list
2024-01-25 22:02:15 +01:00
.w3pn-project-item {
@apply w-full border border-[#202020] mb-3;
}
.w3pn-project-item a:hover {
@apply bg-[#0f0f0f]/30;
}
events basics
2023-11-24 10:56:28 +01:00
.w3pn-event-item {
update
2023-11-24 12:39:36 +01:00
@apply w-full border border-[#202020] mb-3;
events basics
2023-11-24 10:56:28 +01:00
}
update
2023-11-24 12:39:36 +01:00
.w3pn-event-item .header-base:hover {
@apply bg-[#0f0f0f]/30;
events basics
2023-11-24 10:56:28 +01:00
}
update
2023-11-24 12:39:36 +01:00
/*.w3pn-event-item .event-header {
@apply ;
}*/
events basics
2023-11-24 10:56:28 +01:00
.w3pn-event-item .detail {
@apply bg-[#0f0f0f] px-4 py-3;
}
initial commit
2023-11-13 03:03:34 +01:00
.w3pn-wgrid {
@apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2;
}
update responsivity
2023-11-24 08:09:18 +01:00
.w3pn-wgrid > a {
@apply bg-[#101010] block text-center text-sm pb-6 pt-10 hover:bg-[#2C2C2C] cursor-pointer;
}
.w3pn-wgrid > a > span {
@apply block;
initial commit
2023-11-13 03:03:34 +01:00
}
.w3pn-wgrid .title {
@apply text-white text-xl mb-1;
}
.w3pn-wgrid .icon {
@apply mb-4;
}
event details
2024-02-24 02:12:40 +01:00
.w3pn-speaker-list a {
@apply hover:text-white;
}
initial commit
2023-11-13 03:03:34 +01:00
.icon {
@apply inline-block w-12 h-12;
}
update responsivity
2023-11-24 08:09:18 +01:00
.icon.xsmall {
@apply w-5 h-5;
}
initial commit
2023-11-13 03:03:34 +01:00
.icon.small {
updates
2023-11-13 04:44:38 +01:00
@apply w-6 h-6;
initial commit
2023-11-13 03:03:34 +01:00
}
replace explorer with github database
2024-02-27 07:50:03 +01:00
.icon.star {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='white' class='octicon octicon-star' aria-hidden='true'%3E%3Cpath d='M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z'%3E%3C/path%3E%3C/svg%3E");
background-size: 100% 100%;
}
updates
2023-11-13 04:44:38 +01:00
initial commit
2023-11-13 03:03:34 +01:00
.icon.twitter {
background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7895 16.9392L38.6704 0H35.1454L22.2188 14.7051L11.9021 0H0L15.6043 22.2388L0 40H3.52506L17.167 24.4676L28.0646 40H39.9667M4.79734 2.60316H10.2128L35.1427 37.5247H29.7259" fill="%23C0C0C0"/></svg>');
background-size: 100% 100%;
}
.icon.github {
background-image: url('data:image/svg+xml,<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.4269 0C10.9195 0 0 11 0 24.6084C0 35.4864 6.99647 44.6943 16.7024 47.9533C17.9159 48.1983 18.3604 47.4238 18.3604 46.7723C18.3604 46.2018 18.3204 44.2463 18.3204 42.2088C11.5255 43.6758 10.1105 39.2753 10.1105 39.2753C9.01846 36.4234 7.40047 35.6904 7.40047 35.6904C5.17648 34.1829 7.56247 34.1829 7.56247 34.1829C10.0295 34.3459 11.324 36.7088 11.324 36.7088C13.5074 40.4568 17.0259 39.3978 18.4414 38.7458C18.6434 37.1568 19.2909 36.0569 19.9784 35.4459C14.5589 34.8754 8.85696 32.7569 8.85696 23.3044C8.85696 20.6154 9.82696 18.4154 11.364 16.7044C11.1215 16.0934 10.272 13.5669 11.607 10.1855C11.607 10.1855 13.6694 9.53346 18.3199 12.7114C20.311 12.1728 22.3643 11.8988 24.4269 11.8965C26.4894 11.8965 28.5919 12.1819 30.5334 12.7114C35.1844 9.53346 37.2468 10.1855 37.2468 10.1855C38.5818 13.5669 37.7318 16.0934 37.4893 16.7044C39.0668 18.4154 39.9968 20.6154 39.9968 23.3044C39.9968 32.7569 34.2949 34.8344 28.8349 35.4459C29.7249 36.2198 30.4929 37.6863 30.4929 40.0088C30.4929 43.3088 30.4529 45.9573 30.4529 46.7718C30.4529 47.4238 30.8979 48.1983 32.1109 47.9538C41.8168 44.6938 48.8133 35.4864 48.8133 24.6084C48.8533 11 37.8938 0 24.4269 0Z" fill="white"/></svg>');
background-size: 100% 100%;
}
.icon.forum {
background-image: url('data:image/svg+xml,<svg width="56" height="44" viewBox="0 0 56 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.51612 9.93547C8.51612 9.55903 8.66566 9.19801 8.93184 8.93183C9.19802 8.66565 9.55903 8.51612 9.93547 8.51612H29.8064C30.1828 8.51612 30.5439 8.66565 30.81 8.93183C31.0762 9.19801 31.2258 9.55903 31.2258 9.93547C31.2258 10.3119 31.0762 10.6729 30.81 10.9391C30.5439 11.2053 30.1828 11.3548 29.8064 11.3548H9.93547C9.55903 11.3548 9.19802 11.2053 8.93184 10.9391C8.66566 10.6729 8.51612 10.3119 8.51612 9.93547ZM31.2258 17.0322C31.2258 16.6558 31.0762 16.2948 30.81 16.0286C30.5439 15.7624 30.1828 15.6129 29.8064 15.6129H9.93547C9.55903 15.6129 9.19802 15.7624 8.93184 16.0286C8.66566 16.2948 8.51612 16.6558 8.51612 17.0322C8.51612 17.4087 8.66566 17.7697 8.93184 18.0359C9.19802 18.302 9.55903 18.4516 9.93547 18.4516H29.8064C30.1828 18.4516 30.5439 18.302 30.81 18.0359C31.0762 17.7697 31.2258 17.4087 31.2258 17.0322ZM55.3548 17.0322V32.6451C55.3535 33.774 54.9045 34.8564 54.1062 35.6546C53.308 36.4529 52.2256 36.9019 51.0967 36.9032H49.6773V42.5806C49.6772 42.8504 49.6002 43.1145 49.4554 43.3421C49.3106 43.5697 49.1039 43.7514 48.8596 43.8659C48.6153 43.9803 48.3435 44.0228 48.0759 43.9884C47.8084 43.954 47.5561 43.8441 47.3488 43.6715L39.2276 36.9032H25.5483C24.4194 36.9019 23.3371 36.4529 22.5388 35.6546C21.7405 34.8564 21.2915 33.774 21.2903 32.6451V28.3871H16.2658L8.17377 37.8258C7.98504 38.0456 7.73353 38.2025 7.45305 38.2752C7.17256 38.3479 6.87653 38.3331 6.60474 38.2326C6.33294 38.1322 6.0984 37.951 5.93263 37.7133C5.76686 37.4756 5.67779 37.1929 5.67741 36.9032V28.3871H4.25806C3.12913 28.3858 2.0468 27.9368 1.24853 27.1385C0.450253 26.3403 0.00123977 25.2579 0 24.129V4.25806C0.00123977 3.12913 0.450253 2.0468 1.24853 1.24853C2.0468 0.450253 3.12913 0.00123977 4.25806 0H35.4838C36.6127 0.00123977 37.6951 0.450253 38.4934 1.24853C39.2916 2.0468 39.7406 3.12913 39.7419 4.25806V12.7742H51.0967C52.2256 12.7754 53.308 13.2244 54.1062 14.0227C54.9045 14.821 55.3535 15.9033 55.3548 17.0322ZM35.4838 25.5483C35.8602 25.5481 36.2211 25.3985 36.4872 25.1324C36.7533 24.8663 36.9029 24.5054 36.9032 24.129V4.25806C36.9029 3.88169 36.7533 3.52081 36.4872 3.25467C36.2211 2.98854 35.8602 2.83893 35.4838 2.83871H4.25806C3.88169 2.83893 3.5208 2.98854 3.25467 3.25467C2.98854 3.52081 2.83893 3.88169 2.83871 4.25806V24.129C2.83893 24.5054 2.98854 24.8663 3.25467 25.1324C3.5208 25.3985 3.88169 25.5481 4.25806 25.5483H7.09676C7.4732 25.5483 7.83422 25.6979 8.1004 25.9641C8.36658 26.2302 8.51612 26.5913 8.51612 26.9677V33.0665L14.5359 26.0451C14.6688 25.8894 14.834 25.7644 15.0199 25.6786C15.2058 25.5929 15.4081 25.5484 15.6129 25.5483H35.4838ZM52.516 17.0322C52.5158 16.6559 52.3662 16.295 52.1001 16.0288C51.834 15.7627 51.4731 15.6131 51.0967 15.6129H39.7419V24.129C39.7406 25.2579 39.2916 26.3403 38.4934 27.1385C37.6951 27.9368 36.6127 28.3858 35.4838 28.3871H24.129V32.6451C24.1292 33.0215 24.2788 33.3824 24.545 33.6485C24.8111 33.9146 25.172 34.0642 25.5483 34.0645H39.7419C40.074 34.0644 40.3957 34.1806 40.6511 34.3929L46.8386 39.5505V35.4838C46.8386 35.1074 46.9882 34.7464 47.2544 34.4802C47.5205 34.214 47.8816 34.0645 48.258 34.0645H51.0967C51.4731 34.0642 51.834 33.9146 52.1001 33.6485C52.3662 33.3824 52.5158 33.0215 52.516 32.6451V17.0322Z" fill="white"/></svg>');
background-size: 100% 100%;
}
update responsivity
2023-11-24 08:09:18 +01:00
.icon.matrix {
background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.266 1.10241V46.8989H4.5615V48.0014H0V0.00141309H4.5615V1.10391L1.266 1.10241ZM15.3525 15.6179V17.9384H15.414C16.032 17.0459 16.782 16.3679 17.6475 15.8819C18.516 15.3974 19.524 15.1559 20.6475 15.1559C21.726 15.1559 22.7175 15.3674 23.61 15.7814C24.5085 16.2029 25.1805 16.9454 25.6485 17.9999C26.157 17.2499 26.853 16.5854 27.7185 16.0154C28.587 15.4454 29.619 15.1559 30.813 15.1559C31.719 15.1559 32.5545 15.2654 33.3285 15.4919C34.11 15.7094 34.767 16.0619 35.3205 16.5464C35.868 17.0399 36.297 17.6729 36.6105 18.4544C36.915 19.2344 37.071 20.1809 37.071 21.2909V32.7434H32.3775V23.0414C32.3775 22.4699 32.3535 21.9239 32.3055 21.4154C32.2755 20.9549 32.157 20.5094 31.947 20.0954C31.7505 19.7189 31.4475 19.4069 31.071 19.2059C30.6885 18.9779 30.1575 18.8699 29.5005 18.8699C28.836 18.8699 28.305 18.9944 27.8985 19.2434C27.501 19.4939 27.165 19.8374 26.9385 20.2439C26.697 20.6744 26.541 21.1499 26.4765 21.6344C26.3985 22.1579 26.361 22.6829 26.352 23.2064V32.7449H21.6555V23.1434C21.6555 22.6349 21.648 22.1354 21.618 21.6434C21.6015 21.1679 21.5085 20.7074 21.3285 20.2694C21.1725 19.8479 20.877 19.4954 20.5005 19.2614C20.118 19.0109 19.5465 18.8789 18.7965 18.8789C18.57 18.8789 18.2745 18.9254 17.9145 19.0274C17.5545 19.1279 17.196 19.3154 16.86 19.5899C16.5165 19.8719 16.218 20.2694 15.9765 20.7854C15.735 21.2999 15.618 21.9794 15.618 22.8239V32.7539H10.9215V15.6224L15.3525 15.6179ZM46.734 46.8974V1.10091H43.4385V-0.00158691H48V47.9984H43.4385V46.8959L46.734 46.8974Z" fill="white"/></svg>');
background-size: 100% 100%;
}
.icon.mirror {
filter: grayscale(1);
background-image: url('data:image/svg+xml,<svg width="42" height="48" viewBox="0 0 42 48" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="mix-blend-mode:luminosity"><rect width="41.7391" height="48" fill="url(%23pattern0)"/></g><defs><pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_1729_6472" transform="matrix(0.0055 0 0 0.00478261 -0.6 -0.434783)"/></pattern><image id="image0_1729_6472" width="400" height="400" xlink:href="data:image/png;base64,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
background-size: 100% 100%;
}
.icon.docs {
background-image: url('data:image/svg+xml,<svg width="49" height="56" viewBox="0 0 49 56" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_2086_1892)"><path d="M44.6232 8.69053L36.2863 0.353684C36.0337 0.101053 35.7305 0 35.4274 0H17.0358C16.3789 0 15.8232 0.55579 15.8232 1.21263V5.91158H11.1242C10.4674 5.91158 9.91158 6.46737 9.91158 7.12421V11.8232H5.21263C4.55579 11.8232 4 12.3789 4 13.0358V46.7874C4 47.4442 4.55579 48 5.21263 48H31.941C32.5979 48 33.1537 47.4442 33.1537 46.7874V42.0884H37.8526C38.5095 42.0884 39.0653 41.5326 39.0653 40.8758V36.1768H43.7642C44.4211 36.1768 44.9768 35.6211 44.9768 34.9642V9.54947C44.9768 9.24632 44.8758 8.94316 44.6232 8.69053ZM35.6295 3.13263L41.8442 9.34737H35.6295V3.13263ZM30.7284 45.5242H6.47579V14.2484H9.91158V40.8758C9.91158 41.5326 10.4674 42.0884 11.1242 42.0884H30.7284V45.5242ZM36.64 39.6632H12.3874V8.33684H15.8232V34.9642C15.8232 35.6211 16.3789 36.1768 17.0358 36.1768H36.64V39.6632ZM18.2989 33.7516V2.47579H33.2042V10.6105C33.2042 11.2674 33.76 11.8232 34.4168 11.8232H42.5516V33.7516H18.2989Z" fill="white"/><path d="M37.954 15.4611H22.8972C22.2404 15.4611 21.6846 16.0168 21.6846 16.6737C21.6846 17.3305 22.2404 17.8863 22.8972 17.8863H37.954C38.6109 17.8863 39.1667 17.3305 39.1667 16.6737C39.1667 16.0168 38.6109 15.4611 37.954 15.4611Z" fill="white"/><path d="M37.954 21.5747H22.8972C22.2404 21.5747 21.6846 22.1305 21.6846 22.7873C21.6846 23.4442 22.2404 24 22.8972 24H37.954C38.6109 24 39.1667 23.4442 39.1667 22.7873C39.1667 22.1305 38.6109 21.5747 37.954 21.5747Z" fill="white"/><path d="M37.954 27.6379H22.8972C22.2404 27.6379 21.6846 28.1937 21.6846 28.8506C21.6846 29.5074 22.2404 30.0632 22.8972 30.0632H37.954C38.6109 30.0632 39.1667 29.5074 39.1667 28.8506C39.1667 28.1937 38.6109 27.6379 37.954 27.6379Z" fill="white"/></g><defs><filter id="filter0_d_2086_1892" x="0" y="0" width="48.9768" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2086_1892"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2086_1892" result="shape"/></filter></defs></svg>');
background-size: 100% 100%;
}
.icon.youtube {
background-image: url('data:image/svg+xml,<svg width="48" height="34" viewBox="0 0 48 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.031 0H9.96898C4.46326 0 0 4.46326 0 9.96898V23.997C0 29.5028 4.46326 33.966 9.96898 33.966H38.031C43.5367 33.966 48 29.5028 48 23.997V9.96898C48 4.46326 43.5367 0 38.031 0ZM31.2891 17.6655L18.1635 23.9256C17.8138 24.0924 17.4098 23.8374 17.4098 23.45V10.5385C17.4098 10.1456 17.8244 9.89089 18.1749 10.0685L31.3004 16.7199C31.6907 16.9176 31.6839 17.4773 31.2891 17.6655Z" fill="white"/></svg>');
background-size: 100% 100%;
}
.icon.telegram {
background-image: url('data:image/svg+xml,<svg width="48" height="40" viewBox="0 0 48 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M36.768 39.5583C37.4119 40.0143 38.2419 40.1283 38.9819 39.8483C39.7219 39.5663 40.2659 38.9343 40.4299 38.1683C42.1678 30.0003 46.3837 9.32631 47.9657 1.8963C48.0857 1.3363 47.8857 0.754297 47.4457 0.380297C47.0057 0.00629658 46.3957 -0.101704 45.8518 0.100296C37.4659 3.2043 11.6405 12.8943 1.08477 16.8003C0.414786 17.0483 -0.0212038 17.6923 0.000795689 18.3983C0.0247951 19.1063 0.500784 19.7203 1.18677 19.9263C5.92066 21.3423 12.1345 23.3123 12.1345 23.3123C12.1345 23.3123 15.0385 32.0823 16.5524 36.5423C16.7424 37.1023 17.1804 37.5423 17.7584 37.6943C18.3344 37.8443 18.9504 37.6863 19.3804 37.2803C21.8123 34.9843 25.5722 31.4343 25.5722 31.4343C25.5722 31.4343 32.7161 36.6723 36.768 39.5583ZM14.7485 22.2043L18.1064 33.2803L18.8524 26.2663C18.8524 26.2663 31.8261 14.5643 39.2219 7.89431C39.4379 7.69831 39.4679 7.37031 39.2879 7.14031C39.1099 6.91031 38.7819 6.8563 38.5359 7.01231C29.9641 12.4863 14.7485 22.2043 14.7485 22.2043Z" fill="white"/></svg>');
background-size: 100% 100%;
}
.icon.telegram {
background-image: url('data:image/svg+xml,<svg width="48" height="40" viewBox="0 0 48 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M36.768 39.5583C37.4119 40.0143 38.2419 40.1283 38.9819 39.8483C39.7219 39.5663 40.2659 38.9343 40.4299 38.1683C42.1678 30.0003 46.3837 9.32631 47.9657 1.8963C48.0857 1.3363 47.8857 0.754297 47.4457 0.380297C47.0057 0.00629658 46.3957 -0.101704 45.8518 0.100296C37.4659 3.2043 11.6405 12.8943 1.08477 16.8003C0.414786 17.0483 -0.0212038 17.6923 0.000795689 18.3983C0.0247951 19.1063 0.500784 19.7203 1.18677 19.9263C5.92066 21.3423 12.1345 23.3123 12.1345 23.3123C12.1345 23.3123 15.0385 32.0823 16.5524 36.5423C16.7424 37.1023 17.1804 37.5423 17.7584 37.6943C18.3344 37.8443 18.9504 37.6863 19.3804 37.2803C21.8123 34.9843 25.5722 31.4343 25.5722 31.4343C25.5722 31.4343 32.7161 36.6723 36.768 39.5583ZM14.7485 22.2043L18.1064 33.2803L18.8524 26.2663C18.8524 26.2663 31.8261 14.5643 39.2219 7.89431C39.4379 7.69831 39.4679 7.37031 39.2879 7.14031C39.1099 6.91031 38.7819 6.8563 38.5359 7.01231C29.9641 12.4863 14.7485 22.2043 14.7485 22.2043Z" fill="white"/></svg>');
background-size: 100% 100%;
}
initial commit
2023-11-13 03:03:34 +01:00
.external::after {
padding-left: 10px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' aria-hidden='true' viewBox='0 0 24 24' class='iconExternalLink_nPIU'%3E%3Cpath fill='gray' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'%3E%3C/path%3E%3C/svg%3E");
}
#footerMenu .menuItem:hover .icon {
@apply opacity-100;
}
responsivity
2023-11-13 04:07:21 +01:00
.hamburger {
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1327_1074" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_1327_1074)"><path d="M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z" fill="white"/></g></svg>');
}
}
.nav-links {
width: 100%;
top: 5rem;
left: 48px;
display: none;
margin: 0;
}
.nav-links a {
display: block;
text-align: center;
padding: 10px 0;
text-decoration: none;
}
updates
2023-11-13 04:44:38 +01:00
.nav-links a:hover, .nav-links a:focus {
responsivity
2023-11-13 04:07:21 +01:00
background-color: white;
text-color: black;
}
.expanded {
display: unset;
update responsivity
2023-11-24 08:09:18 +01:00
}
.w3pn-logo {
background-image: url('data:image/svg+xml,<svg width="236" height="64" viewBox="0 0 236 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M60.2383 60.1848H63.024V48.9209H60.2383V45.4691H68.9573V47.8672C69.5121 46.9467 70.2115 46.2563 71.0557 45.7961C71.924 45.3358 72.937 45.1057 74.0947 45.1057C75.4936 45.1057 76.6995 45.4327 77.7125 46.0868C78.7255 46.7166 79.5094 47.6371 80.0642 48.8482C80.6189 50.0594 80.8963 51.4765 80.8963 53.0994V60.1848H83.284V63.6366H72.3581V60.1848H74.6012V53.5718C74.6012 52.0215 74.3841 50.8588 73.95 50.0836C73.5158 49.3085 72.9129 48.9209 72.141 48.9209C71.5622 48.9209 71.0557 49.1389 70.6215 49.5749C70.1874 49.9867 69.8497 50.5802 69.6085 51.3553C69.3915 52.1305 69.2829 53.0268 69.2829 54.0441V60.1848H71.4536V63.6366H60.2383V60.1848Z" fill="white"/><path d="M94.8694 64C92.8434 64 91.0465 63.6003 89.4788 62.8009C87.9352 62.0015 86.7292 60.8873 85.8609 59.4581C84.9926 58.0289 84.5585 56.3938 84.5585 54.5528C84.5585 52.7119 84.9926 51.0768 85.8609 49.6476C86.7292 48.2184 87.9472 47.1041 89.515 46.3048C91.0827 45.5054 92.8675 45.1057 94.8694 45.1057C96.8713 45.1057 98.6561 45.5054 100.224 46.3048C101.792 47.1041 103.01 48.2184 103.878 49.6476C104.746 51.0768 105.18 52.7119 105.18 54.5528C105.18 56.3696 104.734 57.9926 103.842 59.4217C102.973 60.8509 101.755 61.9773 100.188 62.8009C98.6199 63.6003 96.8472 64 94.8694 64ZM94.8694 60.6208C95.6171 60.6208 96.2562 60.4028 96.7869 59.9668C97.3175 59.5065 97.7155 58.8283 97.9808 57.932C98.2461 57.0357 98.3787 55.9093 98.3787 54.5528C98.3787 53.1963 98.2461 52.0699 97.9808 51.1737C97.7155 50.2532 97.3175 49.5749 96.7869 49.1389C96.2562 48.6787 95.6171 48.4485 94.8694 48.4485C94.0976 48.4485 93.4464 48.6787 92.9158 49.1389C92.4093 49.5749 92.0113 50.2532 91.7219 51.1737C91.4566 52.0699 91.3239 53.1963 91.3239 54.5528C91.3239 55.9093 91.4566 57.0357 91.7219 57.932C92.0113 58.8283 92.4093 59.5065 92.9158 59.9668C93.4464 60.4028 94.0976 60.6208 94.8694 60.6208Z" fill="white"/><path d="M107.604 48.9209H105.506V45.4691H115.129V48.9209H114.116L116.613 59.2037H116.721L118.603 52.2274L117.517 48.9209H116.034V45.4691H126.236V48.9209H124.572L127.394 59.2401H127.539L130.035 48.9209H128.154V45.4691H135.824V48.9209H133.689L129.601 63.6366H122.944L120.629 54.8799L118.241 63.6366H111.656L107.604 48.9209Z" fill="white"/><path d="M2.05831 12.6032H0V9.13272H9.43983V12.6032H8.44616L10.8948 22.9414H11.0013L12.8467 15.9275L11.782 12.6032H10.327V9.13272H20.3347V12.6032H18.7022L21.4703 22.9779H21.6122L24.0609 12.6032H22.2155V9.13272H29.739V12.6032H27.6452L23.6351 27.3982H17.1053L14.834 18.5942L12.4918 27.3982H6.03297L2.05831 12.6032Z" fill="white"/><path d="M44.7081 26.9598C44.1639 27.1546 43.4541 27.3251 42.5788 27.4712C42.0819 27.5443 41.5733 27.6052 41.0528 27.6539C40.5559 27.7269 40.0473 27.7635 39.5268 27.7635C37.7051 27.7635 36.0726 27.3738 34.6294 26.5945C33.1863 25.8151 32.0506 24.7192 31.2226 23.3067C30.4182 21.8942 30.016 20.2625 30.016 18.4116C30.016 16.512 30.4182 14.8315 31.2226 13.3703C32.0506 11.9091 33.1981 10.7766 34.6649 9.97293C36.1318 9.16925 37.8115 8.76741 39.7042 8.76741C41.5969 8.76741 43.253 9.16925 44.6726 9.97293C46.1157 10.7523 47.2277 11.8604 48.0084 13.2972C48.7892 14.7098 49.1914 16.3537 49.215 18.2289C49.215 18.3994 49.2032 18.582 49.1795 18.7769C49.1795 18.9473 49.1677 19.13 49.1441 19.3248H36.3684C36.463 20.5182 36.6523 21.5289 36.9362 22.3569C37.2437 23.1849 37.6341 23.806 38.1073 24.22C38.5804 24.634 39.1246 24.841 39.7397 24.841C40.2839 24.841 40.8872 24.634 41.5496 24.22C42.2357 23.806 42.8272 23.3189 43.324 22.7587C43.8445 22.1986 44.1639 21.6993 44.2822 21.261V21.0418H47.8665V28.6037H44.7081V26.9598ZM42.8627 17.133C42.7444 15.8909 42.5433 14.8802 42.2594 14.1009C41.9755 13.2972 41.6088 12.7006 41.1592 12.3109C40.7097 11.9212 40.1892 11.7264 39.5978 11.7264C39.0063 11.7264 38.4858 11.9334 38.0363 12.3474C37.5868 12.7371 37.2201 13.3338 36.9362 14.1374C36.6759 14.9411 36.4985 15.9396 36.4038 17.133H42.8627Z" fill="white"/><path d="M63.4932 27.7635C62.3575 27.7635 61.3639 27.5443 60.5122 27.1059C59.6605 26.6432 58.9389 25.9613 58
background-size: 100% 100%;
aspect-ratio: 160/48;
events basics
2023-11-24 10:56:28 +01:00
}
Reference in a new issue Copy permalink