Initial commit
18
404.html
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<!DOCTYPE html><html lang="en-gb"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Error 404 - Hack the Planet</title><meta name="robots" content="noindex, follow"><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="alternate" type="application/atom+xml" href="https://writing.kawaiipunk.xyz/feed.xml"><link rel="alternate" type="application/json" href="https://writing.kawaiipunk.xyz/feed.json"><meta property="og:title" content="Hack the Planet"><meta property="og:image" content="https://writing.kawaiipunk.xyz/media/website/socialsalior-3.jpg"><meta property="og:site_name" content="Hack the Planet"><meta property="og:description" content=""><meta property="og:url" content="https://writing.kawaiipunk.xyz/"><meta property="og:type" content="website"><link rel="shortcut icon" href="https://writing.kawaiipunk.xyz/media/website/socialsalior.jpg" type="image/x-icon"><style>:root{--body-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--heading-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--logo-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--menu-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}</style><link rel="stylesheet" href="https://writing.kawaiipunk.xyz/assets/css/style.css?v=7f3e198280b6a56c41de52cac922b97f"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Organization","name":"Hack the Planet","logo":"https://writing.kawaiipunk.xyz/media/website/socialsalior-3.jpg","url":"https://writing.kawaiipunk.xyz/"}</script></head><body><div class="site-container"><header class="top" id="js-header"><a class="logo" href="https://writing.kawaiipunk.xyz/"><img src="https://writing.kawaiipunk.xyz/media/website/socialsalior-3.jpg" alt="Hack the Planet"></a></header><main><article class="post"><div class="hero"><header class="hero__content"><div class="wrapper"><h1>404</h1><p>Page not found</p></div></header></div><div class="wrapper post__entry"><p>The page you were looking for appears to have been moved, deleted or does not exist. You could go back to where you were or head straight to our home page.</p><p><svg width="1.041em" height="0.416em" aria-hidden="true"><use xlink:href="https://writing.kawaiipunk.xyz/assets/svg/svg-map.svg#arrow-prev"/></svg> <a href="https://writing.kawaiipunk.xyz/" class="readmore">Go home</a></p></div></article></main><footer class="footer"><div class="footer__copyright"><p>Powered by <a href="https://getpublii.com" target="_blank" rel="nofollow noopener">Publii</a></p></div><button class="footer__bttop js-footer__bttop" aria-label="Back to top"><svg><title>Back to top</title><use xlink:href="https://writing.kawaiipunk.xyz/assets/svg/svg-map.svg#toparrow"/></svg></button></footer></div><script>window.publiiThemeMenuConfig = {
|
||||||
|
mobileMenuMode: 'sidebar',
|
||||||
|
animationSpeed: 300,
|
||||||
|
submenuWidth: 'auto',
|
||||||
|
doubleClickTime: 500,
|
||||||
|
mobileMenuExpandableSubmenus: true,
|
||||||
|
relatedContainerForOverlayMenuSelector: '.top',
|
||||||
|
};</script><script defer="defer" src="https://writing.kawaiipunk.xyz/assets/js/scripts.min.js?v=f4c4d35432d0e17d212f2fae4e0f8247"></script><script>var images = document.querySelectorAll('img[loading]');
|
||||||
|
|
||||||
|
for (var i = 0; i < images.length; i++) {
|
||||||
|
if (images[i].complete) {
|
||||||
|
images[i].classList.add('is-loaded');
|
||||||
|
} else {
|
||||||
|
images[i].addEventListener('load', function () {
|
||||||
|
this.classList.add('is-loaded');
|
||||||
|
}, false);
|
||||||
|
}
|
||||||
|
}</script></body></html>
|
3
assets/css/editor.css
Executable file
@ -0,0 +1,3 @@
|
|||||||
|
/*
|
||||||
|
* Add your own CSS code for the WYSIWYG editor
|
||||||
|
*/
|
2375
assets/css/main.css
Normal file
790
assets/css/photoswipe.css
Executable file
@ -0,0 +1,790 @@
|
|||||||
|
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||||
|
|
||||||
|
/*
|
||||||
|
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* pswp = photoswipe */
|
||||||
|
|
||||||
|
.pswp {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
-ms-touch-action: none;
|
||||||
|
touch-action: none;
|
||||||
|
z-index: 1500;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp * {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.pswp img {
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* style is added when JS option showHideOpacity is set to true */
|
||||||
|
|
||||||
|
.pswp--animate_opacity {
|
||||||
|
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
|
||||||
|
opacity: 0.001;
|
||||||
|
will-change: opacity;
|
||||||
|
/* for open/close transition */
|
||||||
|
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||||
|
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--open {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--zoom-allowed .pswp__img {
|
||||||
|
/* autoprefixer: off */
|
||||||
|
cursor: -webkit-zoom-in;
|
||||||
|
cursor: -moz-zoom-in;
|
||||||
|
cursor: zoom-in;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--zoomed-in .pswp__img {
|
||||||
|
/* autoprefixer: off */
|
||||||
|
cursor: -webkit-grab;
|
||||||
|
cursor: -moz-grab;
|
||||||
|
cursor: grab;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--dragging .pswp__img {
|
||||||
|
/* autoprefixer: off */
|
||||||
|
cursor: -webkit-grabbing;
|
||||||
|
cursor: -moz-grabbing;
|
||||||
|
cursor: grabbing;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Background is added as a separate element.
|
||||||
|
As animating opacity is much faster than animating rgba() background-color.
|
||||||
|
*/
|
||||||
|
|
||||||
|
.pswp__bg {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translateZ(0);
|
||||||
|
transform: translateZ(0);
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
will-change: opacity;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__scroll-wrap {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__container,
|
||||||
|
.pswp__zoom-wrap {
|
||||||
|
-ms-touch-action: none;
|
||||||
|
touch-action: none;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Prevent selection and tap highlights */
|
||||||
|
|
||||||
|
.pswp__container,
|
||||||
|
.pswp__img {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__zoom-wrap {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
-webkit-transform-origin: left top;
|
||||||
|
transform-origin: left top;
|
||||||
|
/* for open/close transition */
|
||||||
|
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||||
|
transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||||
|
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||||
|
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__bg {
|
||||||
|
will-change: opacity;
|
||||||
|
/* for open/close transition */
|
||||||
|
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||||
|
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--animated-in .pswp__bg,
|
||||||
|
.pswp--animated-in .pswp__zoom-wrap {
|
||||||
|
-webkit-transition: none;
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__container,
|
||||||
|
.pswp__zoom-wrap {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__item {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__img {
|
||||||
|
position: absolute;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
stretched thumbnail or div placeholder element (see below)
|
||||||
|
style is added to avoid flickering in webkit/blink when layers overlap
|
||||||
|
*/
|
||||||
|
|
||||||
|
.pswp__img--placeholder {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
div element that matches size of large image
|
||||||
|
large image loads on top of it
|
||||||
|
*/
|
||||||
|
|
||||||
|
.pswp__img--placeholder--blank {
|
||||||
|
background: #222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--ie .pswp__img {
|
||||||
|
width: 100% !important;
|
||||||
|
height: auto !important;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Error message appears when image is not loaded
|
||||||
|
(JS option errorMsg controls markup)
|
||||||
|
*/
|
||||||
|
|
||||||
|
.pswp__error-msg {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 50%;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 16px;
|
||||||
|
margin-top: -8px;
|
||||||
|
color: #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__error-msg a {
|
||||||
|
color: #CCC;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
|
||||||
|
1. Buttons
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* <button> css reset */
|
||||||
|
|
||||||
|
.pswp__button {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
position: relative;
|
||||||
|
background: none;
|
||||||
|
cursor: pointer;
|
||||||
|
overflow: visible;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
display: block;
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
opacity: 0.75;
|
||||||
|
-webkit-transition: opacity 0.2s;
|
||||||
|
transition: opacity 0.2s;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__button:focus,
|
||||||
|
.pswp__button:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__button:active {
|
||||||
|
outline: none;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__button::-moz-focus-inner {
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
|
||||||
|
|
||||||
|
.pswp__ui--over-close .pswp__button--close {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--svg .pswp__button,
|
||||||
|
.pswp--svg .pswp__button--arrow--left:before,
|
||||||
|
.pswp--svg .pswp__button--arrow--right:before {
|
||||||
|
background-size: 264px 88px;
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--svg .pswp__button--arrow--left,
|
||||||
|
.pswp--svg .pswp__button--arrow--right {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.pswp__button--close {
|
||||||
|
background-position: 0 -44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__button--share {
|
||||||
|
background-position: -44px -44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__button--fs {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--supports-fs .pswp__button--fs {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--fs .pswp__button--fs {
|
||||||
|
background-position: -44px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__button--zoom {
|
||||||
|
display: none;
|
||||||
|
background-position: -88px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--zoom-allowed .pswp__button--zoom {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--zoomed-in .pswp__button--zoom {
|
||||||
|
background-position: -132px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* no arrows on touch screens */
|
||||||
|
|
||||||
|
.pswp--touch .pswp__button--arrow--left,
|
||||||
|
.pswp--touch .pswp__button--arrow--right {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Arrow buttons hit area
|
||||||
|
(icon is added to :before pseudo-element)
|
||||||
|
*/
|
||||||
|
|
||||||
|
.pswp__button--arrow--left,
|
||||||
|
.pswp__button--arrow--right {
|
||||||
|
background: none;
|
||||||
|
width: 70px;
|
||||||
|
height: 100px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translate(0, -50%);
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__button--arrow--left {
|
||||||
|
left: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__button--arrow--right {
|
||||||
|
right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__button--arrow--left:before,
|
||||||
|
.pswp__button--arrow--right:before {
|
||||||
|
content: '';
|
||||||
|
top: 5px;
|
||||||
|
height: 30px;
|
||||||
|
width: 32px;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__button--arrow--left:before {
|
||||||
|
left: 6px;
|
||||||
|
background-position: -138px -44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__button--arrow--right:before {
|
||||||
|
right: -6px;
|
||||||
|
background-position: -94px -44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
|
||||||
|
2. Share modal/popup and links
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.pswp__counter,
|
||||||
|
.pswp__share-modal {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__share-modal {
|
||||||
|
display: block;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
padding: 10px;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1600;
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transition: opacity 0.25s ease-out;
|
||||||
|
transition: opacity 0.25s ease-out;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
will-change: opacity;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__share-modal--hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__share-tooltip {
|
||||||
|
z-index: 1620;
|
||||||
|
position: absolute;
|
||||||
|
background: #FFF;
|
||||||
|
top: 56px;
|
||||||
|
border-radius: 2px;
|
||||||
|
display: block;
|
||||||
|
width: auto;
|
||||||
|
right: 3rem;
|
||||||
|
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||||
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||||
|
-webkit-transform: translateY(6px);
|
||||||
|
transform: translateY(6px);
|
||||||
|
-webkit-transition: -webkit-transform 0.25s;
|
||||||
|
transition: -webkit-transform 0.25s;
|
||||||
|
transition: transform 0.25s;
|
||||||
|
transition: transform 0.25s, -webkit-transform 0.25s;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
will-change: transform;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__share-tooltip a {
|
||||||
|
display: block;
|
||||||
|
padding: 8px 12px;
|
||||||
|
color: #000;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__share-tooltip a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__share-tooltip a:first-child {
|
||||||
|
/* round corners on the first/last list item */
|
||||||
|
border-radius: 2px 2px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__share-tooltip a:last-child {
|
||||||
|
border-radius: 0 0 2px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__share-modal--fade-in {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__share-modal--fade-in .pswp__share-tooltip {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* increase size of share links on touch devices */
|
||||||
|
|
||||||
|
.pswp--touch .pswp__share-tooltip a {
|
||||||
|
padding: 16px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.pswp__share--facebook:before {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: -12px;
|
||||||
|
right: 15px;
|
||||||
|
border: 6px solid transparent;
|
||||||
|
border-bottom-color: #FFF;
|
||||||
|
-webkit-pointer-events: none;
|
||||||
|
-moz-pointer-events: none;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.pswp__share--facebook:hover {
|
||||||
|
background: #3E5C9A;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.pswp__share--facebook:hover:before {
|
||||||
|
border-bottom-color: #3E5C9A;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.pswp__share--twitter:hover {
|
||||||
|
background: #55ACEE;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.pswp__share--pinterest:hover {
|
||||||
|
background: #CCC;
|
||||||
|
color: #CE272D;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.pswp__share--download:hover {
|
||||||
|
background: #DDD;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
|
||||||
|
3. Index indicator ("1 of X" counter)
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.pswp__counter {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 3rem;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 3rem;
|
||||||
|
color: #fff;
|
||||||
|
opacity: 0.75;
|
||||||
|
padding: 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
|
||||||
|
4. Caption
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.pswp__caption {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 2rem;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__caption small {
|
||||||
|
font-size: 11px;
|
||||||
|
color: #BBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__caption__center {
|
||||||
|
text-align: center;
|
||||||
|
max-width: calc(38rem + 8%);
|
||||||
|
margin: 0 auto;
|
||||||
|
font-size: 13px;
|
||||||
|
padding: 1rem 4%;
|
||||||
|
line-height: 20px;
|
||||||
|
color: #CCC;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__caption--empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fake caption element, used to calculate height of next/prev image */
|
||||||
|
|
||||||
|
.pswp__caption--fake {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
|
||||||
|
5. Loading indicator (preloader)
|
||||||
|
|
||||||
|
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.pswp__preloader {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -22px;
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transition: opacity 0.25s ease-out;
|
||||||
|
transition: opacity 0.25s ease-out;
|
||||||
|
will-change: opacity;
|
||||||
|
direction: ltr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__preloader__icn {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
margin: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__preloader--active {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__preloader--active .pswp__preloader__icn {
|
||||||
|
/* We use .gif in browsers that don't support CSS animation */
|
||||||
|
background: url(../images/preloader.gif) 0 0 no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--css_animation .pswp__preloader--active {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
|
||||||
|
-webkit-animation: clockwise 500ms linear infinite;
|
||||||
|
animation: clockwise 500ms linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
|
||||||
|
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
||||||
|
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--css_animation .pswp__preloader__icn {
|
||||||
|
background: none;
|
||||||
|
opacity: 0.75;
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
position: absolute;
|
||||||
|
left: 15px;
|
||||||
|
top: 15px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--css_animation .pswp__preloader__cut {
|
||||||
|
/*
|
||||||
|
The idea of animating inner circle is based on Polymer ("material") loading indicator
|
||||||
|
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
|
||||||
|
*/
|
||||||
|
position: relative;
|
||||||
|
width: 7px;
|
||||||
|
height: 14px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp--css_animation .pswp__preloader__donut {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
border: 2px solid #FFF;
|
||||||
|
border-radius: 50%;
|
||||||
|
border-left-color: transparent;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
background: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 1024px) {
|
||||||
|
.pswp__preloader {
|
||||||
|
position: relative;
|
||||||
|
left: auto;
|
||||||
|
top: auto;
|
||||||
|
margin: 0;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes clockwise {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes clockwise {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes donut-rotate {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0);
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
-webkit-transform: rotate(-140deg);
|
||||||
|
transform: rotate(-140deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(0);
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes donut-rotate {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0);
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
-webkit-transform: rotate(-140deg);
|
||||||
|
transform: rotate(-140deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(0);
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
|
||||||
|
6. Additional styles
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* root element of UI */
|
||||||
|
|
||||||
|
.pswp__ui {
|
||||||
|
-webkit-font-smoothing: auto;
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
z-index: 1550;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* top black bar with buttons and "1 of X" indicator */
|
||||||
|
|
||||||
|
.pswp__top-bar {
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: horizontal;
|
||||||
|
-webkit-box-direction: reverse;
|
||||||
|
-ms-flex-direction: row-reverse;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
position: absolute;
|
||||||
|
padding-right: 1rem;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 3rem;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__caption,
|
||||||
|
.pswp__top-bar,
|
||||||
|
.pswp--has_mouse .pswp__button--arrow--left,
|
||||||
|
.pswp--has_mouse .pswp__button--arrow--right {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
will-change: opacity;
|
||||||
|
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||||
|
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
|
||||||
|
|
||||||
|
.pswp--has_mouse .pswp__button--arrow--left,
|
||||||
|
.pswp--has_mouse .pswp__button--arrow--right {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
|
||||||
|
|
||||||
|
.pswp__ui--idle .pswp__top-bar {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__ui--idle .pswp__button--arrow--left,
|
||||||
|
.pswp__ui--idle .pswp__button--arrow--right {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
pswp__ui--hidden class is added when controls are hidden
|
||||||
|
e.g. when user taps to toggle visibility of controls
|
||||||
|
*/
|
||||||
|
|
||||||
|
.pswp__ui--hidden .pswp__top-bar,
|
||||||
|
.pswp__ui--hidden .pswp__caption,
|
||||||
|
.pswp__ui--hidden .pswp__button--arrow--left,
|
||||||
|
.pswp__ui--hidden .pswp__button--arrow--right {
|
||||||
|
/* Force paint & create composition layer for controls. */
|
||||||
|
opacity: 0.001;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* pswp__ui--one-slide class is added when there is just one item in gallery */
|
||||||
|
|
||||||
|
.pswp__ui--one-slide .pswp__button--arrow--left,
|
||||||
|
.pswp__ui--one-slide .pswp__button--arrow--right,
|
||||||
|
.pswp__ui--one-slide .pswp__counter {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pswp__element--disabled {
|
||||||
|
display: none !important;
|
||||||
|
}
|
1
assets/css/style.css
Executable file
4
assets/js/photoswipe-ui-default.min.js
vendored
Executable file
4
assets/js/photoswipe.min.js
vendored
Executable file
602
assets/js/scripts.js
Executable file
@ -0,0 +1,602 @@
|
|||||||
|
// Sticky menu
|
||||||
|
var new_scroll_position = 0;
|
||||||
|
var last_scroll_position;
|
||||||
|
var header = document.getElementById("js-header");
|
||||||
|
var stickyMenu = document.getElementById("js-navbar-menu");
|
||||||
|
|
||||||
|
window.addEventListener('scroll', function (e) {
|
||||||
|
last_scroll_position = window.scrollY;
|
||||||
|
|
||||||
|
// Scrolling down
|
||||||
|
if (new_scroll_position < last_scroll_position && last_scroll_position > 40) {
|
||||||
|
header.classList.remove("is-visible");
|
||||||
|
header.classList.add("is-hidden");
|
||||||
|
|
||||||
|
// Scrolling up
|
||||||
|
} else if (new_scroll_position > last_scroll_position) {
|
||||||
|
header.classList.remove("is-hidden");
|
||||||
|
header.classList.add("is-visible");
|
||||||
|
if (stickyMenu) {
|
||||||
|
stickyMenu.classList.add("is-sticky");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (last_scroll_position < 1) {
|
||||||
|
header.classList.remove("is-visible");
|
||||||
|
|
||||||
|
if (stickyMenu) {
|
||||||
|
stickyMenu.classList.remove("is-sticky");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
new_scroll_position = last_scroll_position;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Dropdown menu
|
||||||
|
(function (menuConfig) {
|
||||||
|
/**
|
||||||
|
* Merge default config with the theme overrided ones
|
||||||
|
*/
|
||||||
|
var defaultConfig = {
|
||||||
|
// behaviour
|
||||||
|
mobileMenuMode: 'overlay',
|
||||||
|
animationSpeed: 300,
|
||||||
|
submenuWidth: 300,
|
||||||
|
doubleClickTime: 500,
|
||||||
|
mobileMenuExpandableSubmenus: false,
|
||||||
|
isHoverMenu: true,
|
||||||
|
// selectors
|
||||||
|
wrapperSelector: '.navbar',
|
||||||
|
buttonSelector: '.navbar__toggle',
|
||||||
|
menuSelector: '.navbar__menu',
|
||||||
|
submenuSelector: '.navbar__submenu',
|
||||||
|
mobileMenuSidebarLogoSelector: null,
|
||||||
|
mobileMenuSidebarLogoUrl: null,
|
||||||
|
relatedContainerForOverlayMenuSelector: null,
|
||||||
|
// attributes
|
||||||
|
ariaButtonAttribute: 'aria-haspopup',
|
||||||
|
// CSS classes
|
||||||
|
separatorItemClass: 'is-separator',
|
||||||
|
parentItemClass: 'has-submenu',
|
||||||
|
submenuLeftPositionClass: 'is-left-submenu',
|
||||||
|
submenuRightPositionClass: 'is-right-submenu',
|
||||||
|
mobileMenuOverlayClass: 'navbar_mobile_overlay',
|
||||||
|
mobileMenuSubmenuWrapperClass: 'navbar__submenu_wrapper',
|
||||||
|
mobileMenuSidebarClass: 'navbar_mobile_sidebar',
|
||||||
|
mobileMenuSidebarOverlayClass: 'navbar_mobile_sidebar__overlay',
|
||||||
|
hiddenElementClass: 'is-hidden',
|
||||||
|
openedMenuClass: 'is-active',
|
||||||
|
noScrollClass: 'no-scroll',
|
||||||
|
relatedContainerForOverlayMenuClass: 'is-visible'
|
||||||
|
};
|
||||||
|
|
||||||
|
var config = {};
|
||||||
|
|
||||||
|
Object.keys(defaultConfig).forEach(function(key) {
|
||||||
|
config[key] = defaultConfig[key];
|
||||||
|
});
|
||||||
|
|
||||||
|
if (typeof menuConfig === 'object') {
|
||||||
|
Object.keys(menuConfig).forEach(function(key) {
|
||||||
|
config[key] = menuConfig[key];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Menu initializer
|
||||||
|
*/
|
||||||
|
function init () {
|
||||||
|
if (!document.querySelectorAll(config.wrapperSelector).length) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
initSubmenuPositions();
|
||||||
|
|
||||||
|
if (config.mobileMenuMode === 'overlay') {
|
||||||
|
initMobileMenuOverlay();
|
||||||
|
} else if (config.mobileMenuMode === 'sidebar') {
|
||||||
|
initMobileMenuSidebar();
|
||||||
|
}
|
||||||
|
|
||||||
|
initClosingMenuOnClickLink();
|
||||||
|
|
||||||
|
if (!config.isHoverMenu) {
|
||||||
|
initAriaAttributes();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Function responsible for the submenu positions
|
||||||
|
*/
|
||||||
|
function initSubmenuPositions () {
|
||||||
|
var submenuParents = document.querySelectorAll(config.wrapperSelector + ' .' + config.parentItemClass);
|
||||||
|
|
||||||
|
for (var i = 0; i < submenuParents.length; i++) {
|
||||||
|
var eventTrigger = config.isHoverMenu ? 'mouseenter' : 'click';
|
||||||
|
|
||||||
|
submenuParents[i].addEventListener(eventTrigger, function () {
|
||||||
|
var submenu = this.querySelector(config.submenuSelector);
|
||||||
|
var itemPosition = this.getBoundingClientRect().left;
|
||||||
|
var widthMultiplier = 2;
|
||||||
|
|
||||||
|
if (this.parentNode === document.querySelector(config.menuSelector)) {
|
||||||
|
widthMultiplier = 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (config.submenuWidth !== 'auto') {
|
||||||
|
var submenuPotentialPosition = itemPosition + (config.submenuWidth * widthMultiplier);
|
||||||
|
|
||||||
|
if (window.innerWidth < submenuPotentialPosition) {
|
||||||
|
submenu.classList.add(config.submenuRightPositionClass);
|
||||||
|
} else {
|
||||||
|
submenu.classList.add(config.submenuLeftPositionClass);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
var submenuPotentialPosition = 0;
|
||||||
|
var submenuPosition = 0;
|
||||||
|
|
||||||
|
if (widthMultiplier === 1) {
|
||||||
|
submenuPotentialPosition = itemPosition + submenu.clientWidth;
|
||||||
|
} else {
|
||||||
|
submenuPotentialPosition = itemPosition + this.clientWidth + submenu.clientWidth;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (window.innerWidth < submenuPotentialPosition) {
|
||||||
|
submenu.classList.add(config.submenuRightPositionClass);
|
||||||
|
submenuPosition = -1 * submenu.clientWidth;
|
||||||
|
|
||||||
|
if (widthMultiplier === 1) {
|
||||||
|
submenuPosition = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
submenu.style.left = submenuPosition + 'px';
|
||||||
|
submenu.style.right = this.clientWidth + 'px';
|
||||||
|
} else {
|
||||||
|
submenu.classList.add(config.submenuLeftPositionClass);
|
||||||
|
submenuPosition = this.clientWidth;
|
||||||
|
|
||||||
|
if (widthMultiplier === 1) {
|
||||||
|
submenuPosition = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
submenu.style.left = submenuPosition + 'px';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
submenu.setAttribute('aria-hidden', false);
|
||||||
|
});
|
||||||
|
|
||||||
|
if (config.isHoverMenu) {
|
||||||
|
submenuParents[i].addEventListener('mouseleave', function () {
|
||||||
|
var submenu = this.querySelector(config.submenuSelector);
|
||||||
|
submenu.removeAttribute('style');
|
||||||
|
submenu.setAttribute('aria-hidden', true);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Function used to init mobile menu - overlay mode
|
||||||
|
*/
|
||||||
|
function initMobileMenuOverlay () {
|
||||||
|
var menuWrapper = document.createElement('div');
|
||||||
|
menuWrapper.classList.add(config.mobileMenuOverlayClass);
|
||||||
|
menuWrapper.classList.add(config.hiddenElementClass);
|
||||||
|
var menuContentHTML = document.querySelector(config.menuSelector).outerHTML;
|
||||||
|
menuWrapper.innerHTML = menuContentHTML;
|
||||||
|
document.body.appendChild(menuWrapper);
|
||||||
|
|
||||||
|
// Init toggle submenus
|
||||||
|
if (config.mobileMenuExpandableSubmenus) {
|
||||||
|
wrapSubmenusIntoContainer(menuWrapper);
|
||||||
|
initToggleSubmenu(menuWrapper);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Init button events
|
||||||
|
var button = document.querySelector(config.buttonSelector);
|
||||||
|
|
||||||
|
button.addEventListener('click', function () {
|
||||||
|
var relatedContainer = document.querySelector(config.relatedContainerForOverlayMenuSelector);
|
||||||
|
menuWrapper.classList.toggle(config.hiddenElementClass);
|
||||||
|
button.classList.toggle(config.openedMenuClass);
|
||||||
|
button.setAttribute(config.ariaButtonAttribute, button.classList.contains(config.openedMenuClass));
|
||||||
|
|
||||||
|
if (button.classList.contains(config.openedMenuClass)) {
|
||||||
|
document.documentElement.classList.add(config.noScrollClass);
|
||||||
|
|
||||||
|
if (relatedContainer) {
|
||||||
|
relatedContainer.classList.add(config.relatedContainerForOverlayMenuClass);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
document.documentElement.classList.remove(config.noScrollClass);
|
||||||
|
|
||||||
|
if (relatedContainer) {
|
||||||
|
relatedContainer.classList.remove(config.relatedContainerForOverlayMenuClass);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Function used to init mobile menu - sidebar mode
|
||||||
|
*/
|
||||||
|
function initMobileMenuSidebar () {
|
||||||
|
// Create menu structure
|
||||||
|
var menuWrapper = document.createElement('div');
|
||||||
|
menuWrapper.classList.add(config.mobileMenuSidebarClass);
|
||||||
|
menuWrapper.classList.add(config.hiddenElementClass);
|
||||||
|
var menuContentHTML = '';
|
||||||
|
|
||||||
|
if (config.mobileMenuSidebarLogoSelector !== null) {
|
||||||
|
menuContentHTML = document.querySelector(config.mobileMenuSidebarLogoSelector).outerHTML;
|
||||||
|
} else if (config.mobileMenuSidebarLogoUrl !== null) {
|
||||||
|
menuContentHTML = '<img src="' + config.mobileMenuSidebarLogoUrl + '" alt="" />';
|
||||||
|
}
|
||||||
|
|
||||||
|
menuContentHTML += document.querySelector(config.menuSelector).outerHTML;
|
||||||
|
menuWrapper.innerHTML = menuContentHTML;
|
||||||
|
|
||||||
|
var menuOverlay = document.createElement('div');
|
||||||
|
menuOverlay.classList.add(config.mobileMenuSidebarOverlayClass);
|
||||||
|
menuOverlay.classList.add(config.hiddenElementClass);
|
||||||
|
|
||||||
|
document.body.appendChild(menuOverlay);
|
||||||
|
document.body.appendChild(menuWrapper);
|
||||||
|
|
||||||
|
// Init toggle submenus
|
||||||
|
if (config.mobileMenuExpandableSubmenus) {
|
||||||
|
wrapSubmenusIntoContainer(menuWrapper);
|
||||||
|
initToggleSubmenu(menuWrapper);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Menu events
|
||||||
|
menuWrapper.addEventListener('click', function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
});
|
||||||
|
|
||||||
|
menuOverlay.addEventListener('click', function () {
|
||||||
|
menuWrapper.classList.add(config.hiddenElementClass);
|
||||||
|
menuOverlay.classList.add(config.hiddenElementClass);
|
||||||
|
button.classList.remove(config.openedMenuClass);
|
||||||
|
button.setAttribute(config.ariaButtonAttribute, false);
|
||||||
|
document.documentElement.classList.remove(config.noScrollClass);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Init button events
|
||||||
|
var button = document.querySelector(config.buttonSelector);
|
||||||
|
|
||||||
|
button.addEventListener('click', function () {
|
||||||
|
menuWrapper.classList.toggle(config.hiddenElementClass);
|
||||||
|
menuOverlay.classList.toggle(config.hiddenElementClass);
|
||||||
|
button.classList.toggle(config.openedMenuClass);
|
||||||
|
button.setAttribute(config.ariaButtonAttribute, button.classList.contains(config.openedMenuClass));
|
||||||
|
document.documentElement.classList.toggle(config.noScrollClass);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Wrap all submenus into div wrappers
|
||||||
|
*/
|
||||||
|
function wrapSubmenusIntoContainer (menuWrapper) {
|
||||||
|
var submenus = menuWrapper.querySelectorAll(config.submenuSelector);
|
||||||
|
|
||||||
|
for (var i = 0; i < submenus.length; i++) {
|
||||||
|
var submenuWrapper = document.createElement('div');
|
||||||
|
submenuWrapper.classList.add(config.mobileMenuSubmenuWrapperClass);
|
||||||
|
submenus[i].parentNode.insertBefore(submenuWrapper, submenus[i]);
|
||||||
|
submenuWrapper.appendChild(submenus[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Initialize submenu toggle events
|
||||||
|
*/
|
||||||
|
function initToggleSubmenu (menuWrapper) {
|
||||||
|
// Init parent menu item events
|
||||||
|
var parents = menuWrapper.querySelectorAll('.' + config.parentItemClass);
|
||||||
|
|
||||||
|
for (var i = 0; i < parents.length; i++) {
|
||||||
|
// Add toggle events
|
||||||
|
parents[i].addEventListener('click', function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
var submenu = this.querySelector('.' + config.mobileMenuSubmenuWrapperClass);
|
||||||
|
var content = submenu.firstElementChild;
|
||||||
|
|
||||||
|
if (submenu.classList.contains(config.openedMenuClass)) {
|
||||||
|
var height = content.clientHeight;
|
||||||
|
submenu.style.height = height + 'px';
|
||||||
|
|
||||||
|
setTimeout(function () {
|
||||||
|
submenu.style.height = '0px';
|
||||||
|
}, 0);
|
||||||
|
|
||||||
|
setTimeout(function () {
|
||||||
|
submenu.removeAttribute('style');
|
||||||
|
submenu.classList.remove(config.openedMenuClass);
|
||||||
|
}, config.animationSpeed);
|
||||||
|
|
||||||
|
content.setAttribute('aria-hidden', true);
|
||||||
|
content.parentNode.firstElementChild.setAttribute('aria-expanded', false);
|
||||||
|
} else {
|
||||||
|
var height = content.clientHeight;
|
||||||
|
submenu.classList.add(config.openedMenuClass);
|
||||||
|
submenu.style.height = '0px';
|
||||||
|
|
||||||
|
setTimeout(function () {
|
||||||
|
submenu.style.height = height + 'px';
|
||||||
|
}, 0);
|
||||||
|
|
||||||
|
setTimeout(function () {
|
||||||
|
submenu.removeAttribute('style');
|
||||||
|
}, config.animationSpeed);
|
||||||
|
|
||||||
|
content.setAttribute('aria-hidden', false);
|
||||||
|
content.parentNode.firstElementChild.setAttribute('aria-expanded', true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Block links
|
||||||
|
var childNodes = parents[i].children;
|
||||||
|
|
||||||
|
for (var j = 0; j < childNodes.length; j++) {
|
||||||
|
if (childNodes[j].tagName === 'A') {
|
||||||
|
childNodes[j].addEventListener('click', function (e) {
|
||||||
|
var lastClick = parseInt(this.getAttribute('data-last-click'), 10);
|
||||||
|
var currentTime = +new Date();
|
||||||
|
|
||||||
|
if (isNaN(lastClick)) {
|
||||||
|
e.preventDefault();
|
||||||
|
this.setAttribute('data-last-click', currentTime);
|
||||||
|
} else if (lastClick + config.doubleClickTime <= currentTime) {
|
||||||
|
e.preventDefault();
|
||||||
|
this.setAttribute('data-last-click', currentTime);
|
||||||
|
} else if (lastClick + config.doubleClickTime > currentTime) {
|
||||||
|
e.stopPropagation();
|
||||||
|
closeMenu(this, true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Set aria-* attributes according to the current activity state
|
||||||
|
*/
|
||||||
|
function initAriaAttributes () {
|
||||||
|
var allAriaElements = document.querySelectorAll(config.wrapperSelector + ' ' + '*[aria-hidden]');
|
||||||
|
|
||||||
|
for (var i = 0; i < allAriaElements.length; i++) {
|
||||||
|
var ariaElement = allAriaElements[i];
|
||||||
|
|
||||||
|
if (
|
||||||
|
ariaElement.parentNode.classList.contains('active') ||
|
||||||
|
ariaElement.parentNode.classList.contains('active-parent')
|
||||||
|
) {
|
||||||
|
ariaElement.setAttribute('aria-hidden', 'false');
|
||||||
|
ariaElement.parentNode.firstElementChild.setAttribute('aria-expanded', true);
|
||||||
|
} else {
|
||||||
|
ariaElement.setAttribute('aria-hidden', 'true');
|
||||||
|
ariaElement.parentNode.firstElementChild.setAttribute('aria-expanded', false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Close menu on click link
|
||||||
|
*/
|
||||||
|
function initClosingMenuOnClickLink () {
|
||||||
|
var links = document.querySelectorAll(config.menuSelector + ' a');
|
||||||
|
|
||||||
|
for (var i = 0; i < links.length; i++) {
|
||||||
|
if (links[i].parentNode.classList.contains(config.parentItemClass)) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
links[i].addEventListener('click', function (e) {
|
||||||
|
closeMenu(this, false);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Close menu
|
||||||
|
*/
|
||||||
|
function closeMenu (clickedLink, forceClose) {
|
||||||
|
if (forceClose === false) {
|
||||||
|
if (clickedLink.parentNode.classList.contains(config.parentItemClass)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var relatedContainer = document.querySelector(config.relatedContainerForOverlayMenuSelector);
|
||||||
|
var button = document.querySelector(config.buttonSelector);
|
||||||
|
var menuWrapper = document.querySelector('.' + config.mobileMenuOverlayClass);
|
||||||
|
|
||||||
|
if (!menuWrapper) {
|
||||||
|
menuWrapper = document.querySelector('.' + config.mobileMenuSidebarClass);
|
||||||
|
}
|
||||||
|
|
||||||
|
menuWrapper.classList.add(config.hiddenElementClass);
|
||||||
|
button.classList.remove(config.openedMenuClass);
|
||||||
|
button.setAttribute(config.ariaButtonAttribute, false);
|
||||||
|
document.documentElement.classList.remove(config.noScrollClass);
|
||||||
|
|
||||||
|
if (relatedContainer) {
|
||||||
|
relatedContainer.classList.remove(config.relatedContainerForOverlayMenuClass);
|
||||||
|
}
|
||||||
|
|
||||||
|
var menuOverlay = document.querySelector('.' + config.mobileMenuSidebarOverlayClass);
|
||||||
|
|
||||||
|
if (menuOverlay) {
|
||||||
|
menuOverlay.classList.add(config.hiddenElementClass);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Run menu scripts
|
||||||
|
*/
|
||||||
|
init();
|
||||||
|
})(window.publiiThemeMenuConfig);
|
||||||
|
|
||||||
|
// Load comments
|
||||||
|
var comments = document.getElementById("js-comments");
|
||||||
|
if (comments) {
|
||||||
|
comments.addEventListener("click", function() {
|
||||||
|
comments.classList.toggle("is-hidden");
|
||||||
|
var container = document.getElementById("js-comments__inner");
|
||||||
|
container.classList.toggle("is-visible");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Load search input area
|
||||||
|
var searchButton = document.querySelector(".js-search-btn");
|
||||||
|
searchOverlay = document.querySelector(".js-search-overlay");
|
||||||
|
searchClose = document.querySelector(".js-search-close");
|
||||||
|
searchInput = document.querySelector(".js-search-input");
|
||||||
|
|
||||||
|
if (searchButton) {
|
||||||
|
searchButton.addEventListener("click", function () {
|
||||||
|
searchOverlay.classList.add("expanded");
|
||||||
|
setTimeout(function() {
|
||||||
|
searchInput.focus();
|
||||||
|
}, 60);
|
||||||
|
});
|
||||||
|
|
||||||
|
searchClose.addEventListener("click", function () {
|
||||||
|
searchOverlay.classList.remove('expanded');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Share buttons pop-up
|
||||||
|
(function () {
|
||||||
|
// share popup
|
||||||
|
let shareButton = document.querySelector('.js-post__share-button');
|
||||||
|
let sharePopup = document.querySelector('.js-post__share-popup');
|
||||||
|
|
||||||
|
if (shareButton) {
|
||||||
|
sharePopup.addEventListener('click', function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
});
|
||||||
|
|
||||||
|
shareButton.addEventListener('click', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
sharePopup.classList.toggle('is-visible');
|
||||||
|
});
|
||||||
|
|
||||||
|
document.body.addEventListener('click', function () {
|
||||||
|
sharePopup.classList.remove('is-visible');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// link selector and pop-up window size
|
||||||
|
var Config = {
|
||||||
|
Link: ".js-share",
|
||||||
|
Width: 500,
|
||||||
|
Height: 500
|
||||||
|
};
|
||||||
|
// add handler links
|
||||||
|
var slink = document.querySelectorAll(Config.Link);
|
||||||
|
for (var a = 0; a < slink.length; a++) {
|
||||||
|
slink[a].onclick = PopupHandler;
|
||||||
|
}
|
||||||
|
// create popup
|
||||||
|
function PopupHandler(e) {
|
||||||
|
e = (e ? e : window.event);
|
||||||
|
var t = (e.target ? e.target : e.srcElement);
|
||||||
|
// hide share popup
|
||||||
|
if (sharePopup) {
|
||||||
|
sharePopup.classList.remove('is-visible');
|
||||||
|
}
|
||||||
|
// popup position
|
||||||
|
var px = Math.floor(((screen.availWidth || 1024) - Config.Width) / 2),
|
||||||
|
py = Math.floor(((screen.availHeight || 700) - Config.Height) / 2);
|
||||||
|
// open popup
|
||||||
|
var link_href = t.href ? t.href : t.parentNode.href;
|
||||||
|
var popup = window.open(link_href, "social",
|
||||||
|
"width=" + Config.Width + ",height=" + Config.Height +
|
||||||
|
",left=" + px + ",top=" + py +
|
||||||
|
",location=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=1");
|
||||||
|
if (popup) {
|
||||||
|
popup.focus();
|
||||||
|
if (e.preventDefault) e.preventDefault();
|
||||||
|
e.returnValue = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
return !!popup;
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
|
||||||
|
// Back to Top - by CodyHouse.co on MIT license
|
||||||
|
(function(){
|
||||||
|
var backTop = document.getElementsByClassName('js-footer__bttop')[0],
|
||||||
|
offset = 600,
|
||||||
|
offsetOpacity = 1200,
|
||||||
|
scrollDuration = 50,
|
||||||
|
scrolling = false;
|
||||||
|
if( backTop ) {
|
||||||
|
window.addEventListener("scroll", function(event) {
|
||||||
|
if( !scrolling ) {
|
||||||
|
scrolling = true;
|
||||||
|
(!window.requestAnimationFrame) ? setTimeout(checkBackToTop, 250) : window.requestAnimationFrame(checkBackToTop);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
backTop.addEventListener('click', function(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
(!window.requestAnimationFrame) ? window.scrollTo(0, 0) : scrollTop(scrollDuration);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function checkBackToTop() {
|
||||||
|
var windowTop = window.scrollY || document.documentElement.scrollTop;
|
||||||
|
( windowTop > offset ) ? addClass(backTop, 'footer__bttop--show') : removeClass(backTop, 'footer__bttop--show', 'footer__bttop--fade-out');
|
||||||
|
( windowTop > offsetOpacity ) && addClass(backTop, 'footer__bttop--fade-out');
|
||||||
|
scrolling = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
function scrollTop(duration) {
|
||||||
|
var start = window.scrollY || document.documentElement.scrollTop,
|
||||||
|
currentTime = null;
|
||||||
|
|
||||||
|
var animateScroll = function(timestamp){
|
||||||
|
if (!currentTime) currentTime = timestamp;
|
||||||
|
var progress = timestamp - currentTime;
|
||||||
|
var val = Math.max(Math.easeInOutQuad(progress, start, -start, duration), 0);
|
||||||
|
window.scrollTo(0, val);
|
||||||
|
if(progress < duration) {
|
||||||
|
window.requestAnimationFrame(animateScroll);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
window.requestAnimationFrame(animateScroll);
|
||||||
|
}
|
||||||
|
|
||||||
|
Math.easeInOutQuad = function (t, b, c, d) {
|
||||||
|
t /= d/2;
|
||||||
|
if (t < 1) return c/2*t*t + b;
|
||||||
|
t--;
|
||||||
|
return -c/2 * (t*(t-2) - 1) + b;
|
||||||
|
};
|
||||||
|
|
||||||
|
function hasClass(el, className) {
|
||||||
|
if (el.classList) return el.classList.contains(className);
|
||||||
|
else return !!el.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)'));
|
||||||
|
}
|
||||||
|
function addClass(el, className) {
|
||||||
|
var classList = className.split(' ');
|
||||||
|
if (el.classList) el.classList.add(classList[0]);
|
||||||
|
else if (!hasClass(el, classList[0])) el.className += " " + classList[0];
|
||||||
|
if (classList.length > 1) addClass(el, classList.slice(1).join(' '));
|
||||||
|
}
|
||||||
|
function removeClass(el, className) {
|
||||||
|
var classList = className.split(' ');
|
||||||
|
if (el.classList) el.classList.remove(classList[0]);
|
||||||
|
else if(hasClass(el, classList[0])) {
|
||||||
|
var reg = new RegExp('(\\s|^)' + classList[0] + '(\\s|$)');
|
||||||
|
el.className=el.className.replace(reg, ' ');
|
||||||
|
}
|
||||||
|
if (classList.length > 1) removeClass(el, classList.slice(1).join(' '));
|
||||||
|
}
|
||||||
|
})();
|
1
assets/js/scripts.min.js
vendored
Executable file
19
assets/js/svg-fix.js
Executable file
@ -0,0 +1,19 @@
|
|||||||
|
// SVG map fix
|
||||||
|
(function() {
|
||||||
|
var allItems = document.querySelectorAll('use');
|
||||||
|
|
||||||
|
for (var i = 0; i < allItems.length; i++) {
|
||||||
|
var item = allItems[i];
|
||||||
|
var anchor = '#' + item.getAttribute('xlink:href').split('#')[1];
|
||||||
|
var itemData = window.publiiSvgFix[anchor];
|
||||||
|
|
||||||
|
if(!itemData) {
|
||||||
|
console.log('ANCHOR', anchor, i);
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
var svgItem = item.parentNode;
|
||||||
|
svgItem.innerHTML = itemData.content;
|
||||||
|
svgItem.setAttribute('viewBox', itemData.viewbox);
|
||||||
|
}
|
||||||
|
})();
|
63
assets/js/svg-map.js
Executable file
@ -0,0 +1,63 @@
|
|||||||
|
window.publiiSvgFix = {
|
||||||
|
|
||||||
|
"#search": {
|
||||||
|
"viewbox": "0 0 15 15",
|
||||||
|
"content": "<path d=\"M14.81,13.14l-3-3h0a6.52,6.52,0,1,0-1.67,1.67h0l3,3a1.06,1.06,0,0,0,1.43-.24A1.06,1.06,0,0,0,14.81,13.14ZM6.5,11A4.5,4.5,0,1,1,11,6.5,4.51,4.51,0,0,1,6.5,11Z\" />"
|
||||||
|
},
|
||||||
|
"#arrow-prev": {
|
||||||
|
"viewbox": "0 0 20 8",
|
||||||
|
"content": "<polygon points=\"4.4,8 5.08,7.28 2.01,4.49 20,4.49 20,3.51 2.01,3.51 5.08,0.72 4.4,0 0,4\" />"
|
||||||
|
},
|
||||||
|
"#arrow-next": {
|
||||||
|
"viewbox": "0 0 20 8",
|
||||||
|
"content": "<polygon points=\"15.6,8 14.92,7.28 17.99,4.49 0,4.49 0,3.51 17.99,3.51 14.92,0.72 15.6,0 20,4\" />"
|
||||||
|
},
|
||||||
|
"#toparrow": {
|
||||||
|
"viewbox": "0 0 23 23",
|
||||||
|
"content": "<path d=\"M15.71,12.46L12.2,9.26c-0.39-0.35-1.02-0.35-1.4,0l-3.51,3.19c-0.39,0.35-0.39,0.92,0,1.28c0.39,0.35,1.02,0.35,1.4,0l2.81-2.55l2.81,2.55c0.39,0.35,1.02,0.35,1.4,0C16.1,13.38,16.1,12.81,15.71,12.46z\" />"
|
||||||
|
},
|
||||||
|
"#website": {
|
||||||
|
"viewbox": "0 0 24 24",
|
||||||
|
"content": "<path d=\"M12,2A10,10,0,1,1,2,12,10,10,0,0,1,12,2Zm3,13V9H9m.17,5.83,5.66-5.66\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
|
||||||
|
},
|
||||||
|
"#facebook": {
|
||||||
|
"viewbox": "0 0 32 32",
|
||||||
|
"content": "<path d=\"M30.234 0H1.766A1.766 1.766 0 0 0 0 1.766v28.468A1.766 1.766 0 0 0 1.766 32h15.326V19.608h-4.17v-4.83h4.17v-3.56c0-4.134 2.524-6.385 6.21-6.385a34.216 34.216 0 0 1 3.727.19v4.32h-2.557c-2.005 0-2.394.953-2.394 2.35v3.084h4.78l-.622 4.83h-4.16V32h8.154A1.766 1.766 0 0 0 32 30.234V1.766A1.766 1.766 0 0 0 30.234 0z\" />"
|
||||||
|
},
|
||||||
|
"#twitter": {
|
||||||
|
"viewbox": "0 0 24.999 20.316",
|
||||||
|
"content": "<path d=\"M25 2.405a10.253 10.253 0 0 1-2.947.808A5.144 5.144 0 0 0 24.308.376 10.27 10.27 0 0 1 21.05 1.62a5.134 5.134 0 0 0-8.74 4.68A14.56 14.56 0 0 1 1.74.94a5.134 5.134 0 0 0 1.587 6.846 5.108 5.108 0 0 1-2.323-.642v.064a5.132 5.132 0 0 0 4.114 5.03 5.142 5.142 0 0 1-2.316.088 5.134 5.134 0 0 0 4.79 3.562 10.29 10.29 0 0 1-6.37 2.2A10.44 10.44 0 0 1 0 18.012a14.586 14.586 0 0 0 22.454-12.29q0-.333-.015-.662A10.423 10.423 0 0 0 25 2.405z\" />"
|
||||||
|
},
|
||||||
|
"#instagram": {
|
||||||
|
"viewbox": "0 0 32 32",
|
||||||
|
"content": "<path d=\"M16,2.883c4.272,0,4.778.016,6.465.093a8.853,8.853,0,0,1,2.971.551,4.957,4.957,0,0,1,1.84,1.2,4.957,4.957,0,0,1,1.2,1.84,8.853,8.853,0,0,1,.551,2.971c.077,1.687.093,2.193.093,6.465s-.016,4.778-.093,6.465a8.853,8.853,0,0,1-.551,2.971,5.3,5.3,0,0,1-3.037,3.037,8.853,8.853,0,0,1-2.971.551c-1.687.077-2.193.093-6.465.093s-4.778-.016-6.465-.093a8.853,8.853,0,0,1-2.971-.551,4.957,4.957,0,0,1-1.84-1.2,4.957,4.957,0,0,1-1.2-1.84,8.853,8.853,0,0,1-.551-2.971C2.9,20.778,2.883,20.272,2.883,16s.016-4.778.093-6.465a8.853,8.853,0,0,1,.551-2.971,4.957,4.957,0,0,1,1.2-1.84,4.957,4.957,0,0,1,1.84-1.2,8.853,8.853,0,0,1,2.971-.551C11.222,2.9,11.728,2.883,16,2.883M16,0c-4.345,0-4.89.018-6.6.1A11.744,11.744,0,0,0,5.519.84,7.843,7.843,0,0,0,2.685,2.685,7.843,7.843,0,0,0,.84,5.519,11.744,11.744,0,0,0,.1,9.4C.018,11.11,0,11.655,0,16s.018,4.89.1,6.6A11.744,11.744,0,0,0,.84,26.481a7.843,7.843,0,0,0,1.845,2.834A7.843,7.843,0,0,0,5.519,31.16,11.744,11.744,0,0,0,9.4,31.9c1.707.078,2.251.1,6.6.1s4.89-.018,6.6-.1a11.744,11.744,0,0,0,3.884-.744,8.181,8.181,0,0,0,4.679-4.679A11.744,11.744,0,0,0,31.9,22.6c.078-1.707.1-2.251.1-6.6s-.018-4.89-.1-6.6a11.744,11.744,0,0,0-.744-3.884,7.843,7.843,0,0,0-1.845-2.834A7.843,7.843,0,0,0,26.481.84,11.744,11.744,0,0,0,22.6.1C20.89.018,20.345,0,16,0Zm0,7.784A8.216,8.216,0,1,0,24.216,16,8.216,8.216,0,0,0,16,7.784Zm0,13.55A5.333,5.333,0,1,1,21.333,16,5.333,5.333,0,0,1,16,21.333ZM24.541,5.539a1.92,1.92,0,1,0,1.92,1.92A1.92,1.92,0,0,0,24.541,5.539Z\"/>"
|
||||||
|
},
|
||||||
|
"#linkedin": {
|
||||||
|
"viewbox": "0 0 34.48 32",
|
||||||
|
"content": "<path d=\"M29.632,0H2.362A2.336,2.336,0,0,0,0,2.306V29.691A2.337,2.337,0,0,0,2.362,32h27.27A2.342,2.342,0,0,0,32,29.691V2.306A2.34,2.34,0,0,0,29.632,0ZM9.491,27.268H4.744V12H9.491ZM7.119,9.909a2.752,2.752,0,1,1,2.75-2.753A2.753,2.753,0,0,1,7.119,9.909ZM27.268,27.268H22.525V19.842c0-1.772-.033-4.05-2.466-4.05-2.47,0-2.848,1.929-2.848,3.921v7.555H12.468V12h4.553v2.086h.063a4.986,4.986,0,0,1,4.491-2.467c4.806,0,5.694,3.163,5.694,7.275Z\"/>"
|
||||||
|
},
|
||||||
|
"#vimeo": {
|
||||||
|
"viewbox": "0 0 24.999 20.159",
|
||||||
|
"content": "<path d=\"M26.105,5.927q3.628,0.1,3.641,4.123c0,0.176-.006.36-0.016,0.548q-0.16,3.416-5.09,9.306-5.089,6.17-8.634,6.183-2.205,0-3.671-3.779l-1.029-3.454L10.29,15.4q-1.124-3.749-2.406-3.746a7.819,7.819,0,0,0-1.95,1.091l-1.187-1.4,1.842-1.53L8.4,8.3a8.908,8.908,0,0,1,3.7-2.107,3.207,3.207,0,0,1,.341-0.016q2.606,0,3.249,3.746,0.356,2.137.594,3.473t0.387,1.867q0.862,3.544,1.859,3.559,0.766,0,2.36-2.31A9.305,9.305,0,0,0,22.562,13a2.969,2.969,0,0,0,.031-0.434,1.439,1.439,0,0,0-1.7-1.547,5.46,5.46,0,0,0-1.843.359q1.763-5.434,6.775-5.449h0.281Z\" transform=\"translate(-4.747 -5.927)\" />"
|
||||||
|
},
|
||||||
|
"#youtube": {
|
||||||
|
"viewbox": "0 0 32 22.507",
|
||||||
|
"content": "<path d=\"M31.68,9.6a6.924,6.924,0,0,0-1.272-3.176A4.577,4.577,0,0,0,27.2,5.07c-4.478-.324-11.2-0.324-11.2-0.324H15.993s-6.717,0-11.2.324A4.577,4.577,0,0,0,1.592,6.426,6.921,6.921,0,0,0,.32,9.6,48.4,48.4,0,0,0,0,14.781v2.428a48.4,48.4,0,0,0,.32,5.179,6.921,6.921,0,0,0,1.272,3.176A5.426,5.426,0,0,0,5.12,26.932C7.68,27.177,16,27.253,16,27.253s6.724-.01,11.2-0.334a4.577,4.577,0,0,0,3.206-1.355,6.923,6.923,0,0,0,1.272-3.176A48.46,48.46,0,0,0,32,17.209V14.781A48.46,48.46,0,0,0,31.68,9.6ZM12.7,20.151l0-8.991,8.647,4.511Z\" transform=\"translate(0 -4.747)\" />"
|
||||||
|
},
|
||||||
|
"#pinterest": {
|
||||||
|
"viewbox": "0 0 32 32",
|
||||||
|
"content": "<path d=\"M16 0a16 16 0 0 0-5.83 30.9 15.34 15.34 0 0 1 .055-4.59c.29-1.25 1.876-7.953 1.876-7.953a5.776 5.776 0 0 1-.478-2.375c0-2.225 1.29-3.886 2.9-3.886a2.01 2.01 0 0 1 2.024 2.254c0 1.373-.874 3.425-1.325 5.327a2.323 2.323 0 0 0 2.37 2.89c2.844 0 5.03-3 5.03-7.326a6.316 6.316 0 0 0-6.683-6.508 6.926 6.926 0 0 0-7.225 6.944 6.224 6.224 0 0 0 1.188 3.65.478.478 0 0 1 .11.46c-.12.504-.39 1.59-.443 1.814-.07.293-.232.355-.535.214-2-.93-3.248-3.852-3.248-6.2 0-5.047 3.667-9.682 10.572-9.682 5.55 0 9.864 3.955 9.864 9.24 0 5.515-3.477 9.953-8.3 9.953a4.282 4.282 0 0 1-3.667-1.837s-.8 3.055-1 3.8a17.885 17.885 0 0 1-1.99 4.195A16 16 0 1 0 16 0z\" />"
|
||||||
|
},
|
||||||
|
"#mix": {
|
||||||
|
"viewbox": "0 0 32 32",
|
||||||
|
"content": "<path d=\"M6.4,11.44v17.45C6.4,30.58,4.97,32,3.2,32S0,30.58,0,28.88V17.42C3.42,17.45,6.22,14.79,6.4,11.44z\"/><path d=\"M31.75,0C24.8,0,19.17,5.6,19.2,12.46v8.48c-0.03,1.69-1.46,3.12-3.2,3.12c-1.79,0-3.22-1.42-3.2-3.12V8.48c-0.02-1.78-1.45-3.2-3.2-3.24C7.9,5.27,6.52,6.57,6.4,8.23c-0.01,0.06-0.01,0.14,0,0.25v2.99c-0.19,3.31-2.98,5.97-6.4,5.98V0H31.75z\"/><path d=\"M32,0v17.95c0,1.69-1.43,3.12-3.2,3.12c-1.77,0-3.2-1.42-3.2-3.12v-1.62c0-1.81-1.43-3.23-3.2-3.24c-1.77,0.01-3.2,1.43-3.2,3.24v-3.99C19.2,6.07,23.9,0.86,29.98,0H32z\"/>"
|
||||||
|
},
|
||||||
|
"#buffer": {
|
||||||
|
"viewbox": "0 0 32 32",
|
||||||
|
"content": "<path d=\"M.556,15.342,3.338,14a.954.954,0,0,1,1.091.025c.458.225,10.229,4.942,10.229,4.942a3.506,3.506,0,0,0,2.682,0s10.038-4.85,10.4-5.017a.689.689,0,0,1,.791-.008c.342.167,2.916,1.408,2.916,1.408.741.358.741.942-.017,1.292L17.333,23.45a3.506,3.506,0,0,1-2.682,0L.556,16.642C-.185,16.283-.185,15.7.556,15.342ZM.573,8.375l14.094,6.808a3.506,3.506,0,0,0,2.682,0L31.444,8.375c.741-.358.741-.942,0-1.3L17.349.267a3.506,3.506,0,0,0-2.682,0L.573,7.075C-.169,7.433-.169,8.017.573,8.375Zm30.871,15.25s-2.574-1.242-2.916-1.408a.689.689,0,0,0-.791.008c-.358.167-10.388,5.025-10.388,5.025a3.506,3.506,0,0,1-2.682,0S4.9,22.533,4.438,22.308a.954.954,0,0,0-1.091-.025L.564,23.625c-.741.358-.741.942,0,1.3l14.094,6.808A3.109,3.109,0,0,0,16,32a3.237,3.237,0,0,0,1.341-.267l14.094-6.808C32.185,24.567,32.185,23.983,31.444,23.625Z\" />"
|
||||||
|
},
|
||||||
|
"#whatsapp": {
|
||||||
|
"viewbox": "0 0 32 32",
|
||||||
|
"content": "<path d=\"M24.09,19.64c0.1,0.17,0.1,0.96-0.23,1.88c-0.33,0.93-1.92,1.77-2.69,1.88c-0.69,0.1-1.55,0.14-2.51-0.16c-0.58-0.18-1.32-0.43-2.27-0.83c-3.99-1.72-6.6-5.72-6.8-5.98c-0.2-0.26-1.63-2.15-1.63-4.1c0-1.95,1.03-2.91,1.39-3.31c0.36-0.4,0.8-0.5,1.06-0.5s0.53,0,0.76,0.01c0.24,0.01,0.57-0.09,0.9,0.68c0.33,0.79,1.13,2.74,1.23,2.94c0.1,0.2,0.17,0.43,0.03,0.69c-0.13,0.26-0.2,0.43-0.4,0.66s-0.42,0.52-0.6,0.69c-0.2,0.2-0.41,0.41-0.17,0.81c0.23,0.4,1.03,1.69,2.21,2.74c1.52,1.35,2.8,1.77,3.2,1.97c0.4,0.2,0.63,0.17,0.86-0.1c0.23-0.26,1-1.16,1.26-1.55c0.27-0.4,0.53-0.33,0.9-0.2c0.36,0.13,2.32,1.09,2.72,1.29C23.73,19.37,23.99,19.47,24.09,19.64z M32,15.87c0,8.74-7.15,15.86-15.93,15.86c0,0,0,0,0,0h-0.01c-2.67,0-5.29-0.67-7.61-1.93L0,32l2.26-8.22c-1.39-2.4-2.13-5.13-2.13-7.93C0.14,7.11,7.28,0,16.07,0c4.26,0,8.26,1.65,11.27,4.65C30.35,7.65,32,11.63,32,15.87z M29.31,15.87c0-3.52-1.37-6.83-3.88-9.32c-2.5-2.49-5.83-3.86-9.36-3.87c-7.3,0-13.25,5.91-13.25,13.18c0,2.49,0.7,4.92,2.02,7.01l0.31,0.5l-1.34,4.86l5.01-1.31l0.48,0.29c2.03,1.2,4.36,1.84,6.74,1.84h0.01C23.37,29.05,29.31,23.13,29.31,15.87z\" />"
|
||||||
|
}
|
||||||
|
};
|
49
assets/svg/gallery-icons-dark.svg
Executable file
@ -0,0 +1,49 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 264 88" style="enable-background:new 0 0 264 88;" xml:space="preserve">
|
||||||
|
<title>default-skin 2</title>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path id="Shape" d="M67,59v3.6c-6.3,0.8-9.2,5.5-10,9.4c2.2-2.7,5.6-4.9,10-4.9v3.5l6-5.7L67,59z"/>
|
||||||
|
<g>
|
||||||
|
<path id="Shape_1_" d="M13,29v-5h2v3h3v2H13z M13,15h5v2h-3v3h-2V15z M31,15v5h-2v-3h-3v-2H31z M31,29h-5v-2h3v-3h2V29z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path d="M62,24v5h-2v-3h-3v-2H62z M62,20h-5v-2h3v-3h2V20z M70,20v-5h2v3h3v2H70z M70,24h5v2h-3v3h-2V24z"/>
|
||||||
|
</g>
|
||||||
|
<path d="M20.6,66L15,60.4l1.4-1.4l5.6,5.6l5.6-5.6l1.4,1.4L23.4,66l5.6,5.6L27.6,73L22,67.4L16.4,73L15,71.6L20.6,66z"/>
|
||||||
|
<g>
|
||||||
|
<g id="Rectangle-11">
|
||||||
|
<path d="M161,28.6l-3.3-3.3l-1.4,1.4l3.3,3.3L161,28.6z"/>
|
||||||
|
</g>
|
||||||
|
<g id="Oval-1">
|
||||||
|
<path d="M152.4,27.7c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4c3.5,0,6.4,2.9,6.4,6.4S155.9,27.7,152.4,27.7z M152.4,16.5
|
||||||
|
c-2.7,0-4.8,2.2-4.8,4.8s2.2,4.8,4.8,4.8c2.7,0,4.8-2.2,4.8-4.8S155,16.5,152.4,16.5z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path d="M149.8,20.9h5.1v1h-5.1V20.9z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path d="M117,28.6l-1.4,1.4l-3.3-3.3l1.4-1.4L117,28.6z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path d="M108.4,27.7c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4c3.5,0,6.4,2.9,6.4,6.4S111.9,27.7,108.4,27.7z M108.4,16.5
|
||||||
|
c-2.7,0-4.8,2.2-4.8,4.8s2.2,4.8,4.8,4.8c2.7,0,4.8-2.2,4.8-4.8S111,16.5,108.4,16.5z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path d="M105.8,20.9h5.1v1h-5.1V20.9z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path d="M108.9,18.8l-0.1,5.1l-1,0l0.1-5.1L108.9,18.8z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<path d="M154.7,64.3l-5.3-5.3l5.3-5.3c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0l-6,6c-0.4,0.4-0.4,1,0,1.4l6,6
|
||||||
|
c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3C155.1,65.3,155.1,64.7,154.7,64.3z"/>
|
||||||
|
<path d="M109.3,64.3l5.3-5.3l-5.3-5.3c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6
|
||||||
|
c-0.2,0.2-0.4,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3C108.9,65.3,108.9,64.7,109.3,64.3z"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 2.1 KiB |
54
assets/svg/gallery-icons-light.svg
Executable file
@ -0,0 +1,54 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 264 88" style="enable-background:new 0 0 264 88;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#FFFFFF;}
|
||||||
|
</style>
|
||||||
|
<title>default-skin 2</title>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path id="Shape" class="st0" d="M67,59v3.6c-6.3,0.8-9.2,5.5-10,9.4c2.2-2.7,5.6-4.9,10-4.9v3.5l6-5.7L67,59z"/>
|
||||||
|
<g>
|
||||||
|
<path id="Shape_1_" class="st0" d="M13,29v-5h2v3h3v2H13z M13,15h5v2h-3v3h-2V15z M31,15v5h-2v-3h-3v-2H31z M31,29h-5v-2h3v-3h2
|
||||||
|
V29z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path class="st0" d="M62,24v5h-2v-3h-3v-2H62z M62,20h-5v-2h3v-3h2V20z M70,20v-5h2v3h3v2H70z M70,24h5v2h-3v3h-2V24z"/>
|
||||||
|
</g>
|
||||||
|
<path class="st0" d="M20.6,66L15,60.4l1.4-1.4l5.6,5.6l5.6-5.6l1.4,1.4L23.4,66l5.6,5.6L27.6,73L22,67.4L16.4,73L15,71.6L20.6,66z
|
||||||
|
"/>
|
||||||
|
<g>
|
||||||
|
<g id="Rectangle-11">
|
||||||
|
<path class="st0" d="M161,28.6l-3.3-3.3l-1.4,1.4l3.3,3.3L161,28.6z"/>
|
||||||
|
</g>
|
||||||
|
<g id="Oval-1">
|
||||||
|
<path class="st0" d="M152.4,27.7c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4c3.5,0,6.4,2.9,6.4,6.4S155.9,27.7,152.4,27.7z
|
||||||
|
M152.4,16.5c-2.7,0-4.8,2.2-4.8,4.8s2.2,4.8,4.8,4.8c2.7,0,4.8-2.2,4.8-4.8S155,16.5,152.4,16.5z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path class="st0" d="M149.8,20.9h5.1v1h-5.1V20.9z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path class="st0" d="M117,28.6l-1.4,1.4l-3.3-3.3l1.4-1.4L117,28.6z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path class="st0" d="M108.4,27.7c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4c3.5,0,6.4,2.9,6.4,6.4S111.9,27.7,108.4,27.7z
|
||||||
|
M108.4,16.5c-2.7,0-4.8,2.2-4.8,4.8s2.2,4.8,4.8,4.8c2.7,0,4.8-2.2,4.8-4.8S111,16.5,108.4,16.5z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path class="st0" d="M105.8,20.9h5.1v1h-5.1V20.9z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path class="st0" d="M108.9,18.8l-0.1,5.1l-1,0l0.1-5.1L108.9,18.8z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<path class="st0" d="M154.7,64.3l-5.3-5.3l5.3-5.3c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0l-6,6c-0.4,0.4-0.4,1,0,1.4l6,6
|
||||||
|
c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3C155.1,65.3,155.1,64.7,154.7,64.3z"/>
|
||||||
|
<path class="st0" d="M109.3,64.3l5.3-5.3l-5.3-5.3c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6
|
||||||
|
c-0.2,0.2-0.4,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3C108.9,65.3,108.9,64.7,109.3,64.3z"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 2.3 KiB |
1
assets/svg/search.svg
Executable file
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 23"><defs><style>.color{fill:#ffffff;}</style></defs><title>search</title><path class="color" d="M23.565 20.458l-6.847-6.847a8.974 8.974 0 1 0-1.935 2.28l6.674 6.675a1.49 1.49 0 0 0 2.107-2.107zM9 16a7 7 0 1 1 7-7 7.008 7.008 0 0 1-7 7z"/></svg>
|
After Width: | Height: | Size: 301 B |
86
assets/svg/svg-map.svg
Executable file
@ -0,0 +1,86 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Other icons -->
|
||||||
|
<symbol id="tags" viewBox="0 0 31.548 31.683">
|
||||||
|
<path d="M31.681,13.631l-1.374-9.54a3.4,3.4,0,0,0-3.028-2.915L17.693.163A3.666,3.666,0,0,0,14.679,1.28L1.375,15.1c-1.387,1.441-1.7,4.02-.305,5.36l5.48,5.276,5.48,5.276c1.392,1.34,3.957.933,5.345-.508l13.3-13.817A3.666,3.666,0,0,0,31.681,13.631ZM21.642,10.06a2.429,2.429,0,1,1,3.435-.065A2.429,2.429,0,0,1,21.642,10.06Z" transform="translate(-0.168 -0.144)" />
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="search" viewBox="0 0 15 15">
|
||||||
|
<path d="M14.81,13.14l-3-3h0a6.52,6.52,0,1,0-1.67,1.67h0l3,3a1.06,1.06,0,0,0,1.43-.24A1.06,1.06,0,0,0,14.81,13.14ZM6.5,11A4.5,4.5,0,1,1,11,6.5,4.51,4.51,0,0,1,6.5,11Z"/>
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="arrow-prev" viewBox="0 0 20 8">
|
||||||
|
<polygon points="4.4,8 5.08,7.28 2.01,4.49 20,4.49 20,3.51 2.01,3.51 5.08,0.72 4.4,0 0,4 "/>
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="arrow-next" viewBox="0 0 20 8">
|
||||||
|
<polygon points="15.6,8 14.92,7.28 17.99,4.49 0,4.49 0,3.51 17.99,3.51 14.92,0.72 15.6,0 20,4 "/>
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="toparrow" viewBox="0 0 23 23">
|
||||||
|
<path d="M15.71,12.46L12.2,9.26c-0.39-0.35-1.02-0.35-1.4,0l-3.51,3.19c-0.39,0.35-0.39,0.92,0,1.28
|
||||||
|
c0.39,0.35,1.02,0.35,1.4,0l2.81-2.55l2.81,2.55c0.39,0.35,1.02,0.35,1.4,0C16.1,13.38,16.1,12.81,15.71,12.46z"/>
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="website" viewBox="0 0 24 24">
|
||||||
|
<path d="M12,2A10,10,0,1,1,2,12,10,10,0,0,1,12,2Zm3,13V9H9m.17,5.83,5.66-5.66" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<!-- Social media icons -->
|
||||||
|
|
||||||
|
<symbol id="facebook" viewBox="0 0 32 32">
|
||||||
|
<path d="M30.234 0H1.766A1.766 1.766 0 0 0 0 1.766v28.468A1.766 1.766 0 0 0 1.766 32h15.326V19.608h-4.17v-4.83h4.17v-3.56c0-4.134 2.524-6.385 6.21-6.385a34.216 34.216 0 0 1 3.727.19v4.32h-2.557c-2.005 0-2.394.953-2.394 2.35v3.084h4.78l-.622 4.83h-4.16V32h8.154A1.766 1.766 0 0 0 32 30.234V1.766A1.766 1.766 0 0 0 30.234 0z" />
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="twitter" viewBox="0 0 24.999 20.316">
|
||||||
|
<path d="M25 2.405a10.253 10.253 0 0 1-2.947.808A5.144 5.144 0 0 0 24.308.376 10.27 10.27 0 0 1 21.05 1.62a5.134 5.134 0 0 0-8.74 4.68A14.56 14.56 0 0 1 1.74.94a5.134 5.134 0 0 0 1.587 6.846 5.108 5.108 0 0 1-2.323-.642v.064a5.132 5.132 0 0 0 4.114 5.03 5.142 5.142 0 0 1-2.316.088 5.134 5.134 0 0 0 4.79 3.562 10.29 10.29 0 0 1-6.37 2.2A10.44 10.44 0 0 1 0 18.012a14.586 14.586 0 0 0 22.454-12.29q0-.333-.015-.662A10.423 10.423 0 0 0 25 2.405z" />
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="instagram" viewBox="0 0 32 32">
|
||||||
|
<path d="M16,2.883c4.272,0,4.778.016,6.465.093a8.853,8.853,0,0,1,2.971.551,4.957,4.957,0,0,1,1.84,1.2,4.957,4.957,0,0,1,1.2,1.84,8.853,8.853,0,0,1,.551,2.971c.077,1.687.093,2.193.093,6.465s-.016,4.778-.093,6.465a8.853,8.853,0,0,1-.551,2.971,5.3,5.3,0,0,1-3.037,3.037,8.853,8.853,0,0,1-2.971.551c-1.687.077-2.193.093-6.465.093s-4.778-.016-6.465-.093a8.853,8.853,0,0,1-2.971-.551,4.957,4.957,0,0,1-1.84-1.2,4.957,4.957,0,0,1-1.2-1.84,8.853,8.853,0,0,1-.551-2.971C2.9,20.778,2.883,20.272,2.883,16s.016-4.778.093-6.465a8.853,8.853,0,0,1,.551-2.971,4.957,4.957,0,0,1,1.2-1.84,4.957,4.957,0,0,1,1.84-1.2,8.853,8.853,0,0,1,2.971-.551C11.222,2.9,11.728,2.883,16,2.883M16,0c-4.345,0-4.89.018-6.6.1A11.744,11.744,0,0,0,5.519.84,7.843,7.843,0,0,0,2.685,2.685,7.843,7.843,0,0,0,.84,5.519,11.744,11.744,0,0,0,.1,9.4C.018,11.11,0,11.655,0,16s.018,4.89.1,6.6A11.744,11.744,0,0,0,.84,26.481a7.843,7.843,0,0,0,1.845,2.834A7.843,7.843,0,0,0,5.519,31.16,11.744,11.744,0,0,0,9.4,31.9c1.707.078,2.251.1,6.6.1s4.89-.018,6.6-.1a11.744,11.744,0,0,0,3.884-.744,8.181,8.181,0,0,0,4.679-4.679A11.744,11.744,0,0,0,31.9,22.6c.078-1.707.1-2.251.1-6.6s-.018-4.89-.1-6.6a11.744,11.744,0,0,0-.744-3.884,7.843,7.843,0,0,0-1.845-2.834A7.843,7.843,0,0,0,26.481.84,11.744,11.744,0,0,0,22.6.1C20.89.018,20.345,0,16,0Zm0,7.784A8.216,8.216,0,1,0,24.216,16,8.216,8.216,0,0,0,16,7.784Zm0,13.55A5.333,5.333,0,1,1,21.333,16,5.333,5.333,0,0,1,16,21.333ZM24.541,5.539a1.92,1.92,0,1,0,1.92,1.92A1.92,1.92,0,0,0,24.541,5.539Z"/>
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="linkedin" viewBox="0 0 34.48 32">
|
||||||
|
<path d="M29.632,0H2.362A2.336,2.336,0,0,0,0,2.306V29.691A2.337,2.337,0,0,0,2.362,32h27.27A2.342,2.342,0,0,0,32,29.691V2.306A2.34,2.34,0,0,0,29.632,0ZM9.491,27.268H4.744V12H9.491ZM7.119,9.909a2.752,2.752,0,1,1,2.75-2.753A2.753,2.753,0,0,1,7.119,9.909ZM27.268,27.268H22.525V19.842c0-1.772-.033-4.05-2.466-4.05-2.47,0-2.848,1.929-2.848,3.921v7.555H12.468V12h4.553v2.086h.063a4.986,4.986,0,0,1,4.491-2.467c4.806,0,5.694,3.163,5.694,7.275Z"/>
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="vimeo" viewBox="0 0 24.999 20.159">
|
||||||
|
<path d="M26.105,5.927q3.628,0.1,3.641,4.123c0,0.176-.006.36-0.016,0.548q-0.16,3.416-5.09,9.306-5.089,6.17-8.634,6.183-2.205,0-3.671-3.779l-1.029-3.454L10.29,15.4q-1.124-3.749-2.406-3.746a7.819,7.819,0,0,0-1.95,1.091l-1.187-1.4,1.842-1.53L8.4,8.3a8.908,8.908,0,0,1,3.7-2.107,3.207,3.207,0,0,1,.341-0.016q2.606,0,3.249,3.746,0.356,2.137.594,3.473t0.387,1.867q0.862,3.544,1.859,3.559,0.766,0,2.36-2.31A9.305,9.305,0,0,0,22.562,13a2.969,2.969,0,0,0,.031-0.434,1.439,1.439,0,0,0-1.7-1.547,5.46,5.46,0,0,0-1.843.359q1.763-5.434,6.775-5.449h0.281Z" transform="translate(-4.747 -5.927)" />
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="youtube" viewBox="0 0 32 22.507">
|
||||||
|
<path d="M31.68,9.6a6.924,6.924,0,0,0-1.272-3.176A4.577,4.577,0,0,0,27.2,5.07c-4.478-.324-11.2-0.324-11.2-0.324H15.993s-6.717,0-11.2.324A4.577,4.577,0,0,0,1.592,6.426,6.921,6.921,0,0,0,.32,9.6,48.4,48.4,0,0,0,0,14.781v2.428a48.4,48.4,0,0,0,.32,5.179,6.921,6.921,0,0,0,1.272,3.176A5.426,5.426,0,0,0,5.12,26.932C7.68,27.177,16,27.253,16,27.253s6.724-.01,11.2-0.334a4.577,4.577,0,0,0,3.206-1.355,6.923,6.923,0,0,0,1.272-3.176A48.46,48.46,0,0,0,32,17.209V14.781A48.46,48.46,0,0,0,31.68,9.6ZM12.7,20.151l0-8.991,8.647,4.511Z" transform="translate(0 -4.747)" />
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="pinterest" viewBox="0 0 32 32">
|
||||||
|
<path d="M16 0a16 16 0 0 0-5.83 30.9 15.34 15.34 0 0 1 .055-4.59c.29-1.25 1.876-7.953 1.876-7.953a5.776 5.776 0 0 1-.478-2.375c0-2.225 1.29-3.886 2.9-3.886a2.01 2.01 0 0 1 2.024 2.254c0 1.373-.874 3.425-1.325 5.327a2.323 2.323 0 0 0 2.37 2.89c2.844 0 5.03-3 5.03-7.326a6.316 6.316 0 0 0-6.683-6.508 6.926 6.926 0 0 0-7.225 6.944 6.224 6.224 0 0 0 1.188 3.65.478.478 0 0 1 .11.46c-.12.504-.39 1.59-.443 1.814-.07.293-.232.355-.535.214-2-.93-3.248-3.852-3.248-6.2 0-5.047 3.667-9.682 10.572-9.682 5.55 0 9.864 3.955 9.864 9.24 0 5.515-3.477 9.953-8.3 9.953a4.282 4.282 0 0 1-3.667-1.837s-.8 3.055-1 3.8a17.885 17.885 0 0 1-1.99 4.195A16 16 0 1 0 16 0z" />
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="mix" viewBox="0 0 32 32">
|
||||||
|
<path d="M6.4,11.44v17.45C6.4,30.58,4.97,32,3.2,32S0,30.58,0,28.88V17.42C3.42,17.45,6.22,14.79,6.4,11.44z"/>
|
||||||
|
<path d="M31.75,0C24.8,0,19.17,5.6,19.2,12.46v8.48c-0.03,1.69-1.46,3.12-3.2,3.12c-1.79,0-3.22-1.42-3.2-3.12
|
||||||
|
V8.48c-0.02-1.78-1.45-3.2-3.2-3.24C7.9,5.27,6.52,6.57,6.4,8.23c-0.01,0.06-0.01,0.14,0,0.25v2.99c-0.19,3.31-2.98,5.97-6.4,5.98
|
||||||
|
V0H31.75z"/>
|
||||||
|
<path d="M32,0v17.95c0,1.69-1.43,3.12-3.2,3.12c-1.77,0-3.2-1.42-3.2-3.12v-1.62c0-1.81-1.43-3.23-3.2-3.24
|
||||||
|
c-1.77,0.01-3.2,1.43-3.2,3.24v-3.99C19.2,6.07,23.9,0.86,29.98,0H32z"/>
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="buffer" viewBox="0 0 32 32">
|
||||||
|
<path d="M.556,15.342,3.338,14a.954.954,0,0,1,1.091.025c.458.225,10.229,4.942,10.229,4.942a3.506,3.506,0,0,0,2.682,0s10.038-4.85,10.4-5.017a.689.689,0,0,1,.791-.008c.342.167,2.916,1.408,2.916,1.408.741.358.741.942-.017,1.292L17.333,23.45a3.506,3.506,0,0,1-2.682,0L.556,16.642C-.185,16.283-.185,15.7.556,15.342ZM.573,8.375l14.094,6.808a3.506,3.506,0,0,0,2.682,0L31.444,8.375c.741-.358.741-.942,0-1.3L17.349.267a3.506,3.506,0,0,0-2.682,0L.573,7.075C-.169,7.433-.169,8.017.573,8.375Zm30.871,15.25s-2.574-1.242-2.916-1.408a.689.689,0,0,0-.791.008c-.358.167-10.388,5.025-10.388,5.025a3.506,3.506,0,0,1-2.682,0S4.9,22.533,4.438,22.308a.954.954,0,0,0-1.091-.025L.564,23.625c-.741.358-.741.942,0,1.3l14.094,6.808A3.109,3.109,0,0,0,16,32a3.237,3.237,0,0,0,1.341-.267l14.094-6.808C32.185,24.567,32.185,23.983,31.444,23.625Z" />
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
<symbol id="whatsapp" viewBox="0 0 32 32">
|
||||||
|
<path d="M24.09,19.64c0.1,0.17,0.1,0.96-0.23,1.88c-0.33,0.93-1.92,1.77-2.69,1.88c-0.69,0.1-1.55,0.14-2.51-0.16
|
||||||
|
c-0.58-0.18-1.32-0.43-2.27-0.83c-3.99-1.72-6.6-5.72-6.8-5.98c-0.2-0.26-1.63-2.15-1.63-4.1c0-1.95,1.03-2.91,1.39-3.31
|
||||||
|
c0.36-0.4,0.8-0.5,1.06-0.5s0.53,0,0.76,0.01c0.24,0.01,0.57-0.09,0.9,0.68c0.33,0.79,1.13,2.74,1.23,2.94
|
||||||
|
c0.1,0.2,0.17,0.43,0.03,0.69c-0.13,0.26-0.2,0.43-0.4,0.66s-0.42,0.52-0.6,0.69c-0.2,0.2-0.41,0.41-0.17,0.81
|
||||||
|
c0.23,0.4,1.03,1.69,2.21,2.74c1.52,1.35,2.8,1.77,3.2,1.97c0.4,0.2,0.63,0.17,0.86-0.1c0.23-0.26,1-1.16,1.26-1.55
|
||||||
|
c0.27-0.4,0.53-0.33,0.9-0.2c0.36,0.13,2.32,1.09,2.72,1.29C23.73,19.37,23.99,19.47,24.09,19.64z M32,15.87
|
||||||
|
c0,8.74-7.15,15.86-15.93,15.86c0,0,0,0,0,0h-0.01c-2.67,0-5.29-0.67-7.61-1.93L0,32l2.26-8.22c-1.39-2.4-2.13-5.13-2.13-7.93
|
||||||
|
C0.14,7.11,7.28,0,16.07,0c4.26,0,8.26,1.65,11.27,4.65C30.35,7.65,32,11.63,32,15.87z M29.31,15.87c0-3.52-1.37-6.83-3.88-9.32
|
||||||
|
c-2.5-2.49-5.83-3.86-9.36-3.87c-7.3,0-13.25,5.91-13.25,13.18c0,2.49,0.7,4.92,2.02,7.01l0.31,0.5l-1.34,4.86l5.01-1.31l0.48,0.29
|
||||||
|
c2.03,1.2,4.36,1.84,6.74,1.84h0.01C23.37,29.05,29.31,23.13,29.31,15.87z" />
|
||||||
|
</symbol>
|
||||||
|
|
||||||
|
</svg>
|
After Width: | Height: | Size: 9.0 KiB |
18
authors/kawaiipunk/index.html
Normal file
56
feed.json
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
{
|
||||||
|
"version": "https://jsonfeed.org/version/1",
|
||||||
|
"title": "Hack the Planet",
|
||||||
|
"description": "",
|
||||||
|
"home_page_url": "https://writing.kawaiipunk.xyz",
|
||||||
|
"feed_url": "https://writing.kawaiipunk.xyz/feed.json",
|
||||||
|
"user_comment": "",
|
||||||
|
"icon": "https://writing.kawaiipunk.xyz/media/website/socialsalior-3.jpg",
|
||||||
|
"author": {
|
||||||
|
"name": "KawaiiPunk"
|
||||||
|
},
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"id": "https://writing.kawaiipunk.xyz/it-doesnt-move-me.html",
|
||||||
|
"url": "https://writing.kawaiipunk.xyz/it-doesnt-move-me.html",
|
||||||
|
"title": "Bougie art - It doesn't move me",
|
||||||
|
"summary": "Gawd art is hard to get into. As soon as something does some bougie art shit, im just like 💤 I’m pretty convinced at this point that art (pure art) is best when mixed with others arts. I mean what even do we call the…",
|
||||||
|
"content_html": "<p>Gawd art is hard to get into. As soon as something does some bougie art shit, im just like 💤</p>\n<h2 id=\"when-does-the-beat-drop\">WHEN DOES THE BEAT DROP</h2>\n<p>I’m pretty convinced at this point that art (pure art) is best when mixed with others arts. I mean what even do we call the kind of intellectual art?</p>\n<p>Cos like the Ramones are deffo art and David Hoyle is deffo art but this isn’t that and its not the same thing.</p>\n<p>Let’s call it bougie art 🤣 (bougie not always being a bad thing)</p>\n<p>The act of acting like an intellectual</p>\n<h4 id=\"boog\">boog</h4>\n<p>To qoute Tricky </p>\n<h2 id=\"it-doesnt-move-me\">“It doesn’t move me”</h2>\n<h2 id=\"it-doesnt-move-me-1\">“It doesn’t move me”</h2>\n<h2 id=\"it-doesnt-move-me-2\">“It doesn’t move me”</h2>\n<h2 id=\"it-doesnt-move-me-3\">“It doesn’t move me”</h2>\n<h4 id=\"i-want-to-be-blown-away-i-want-to-see-into-the-future-i-want-to-leave-the-ground-for-a-moment\">I want to be blown away. I want to see into the future. I want to leave the ground for a moment.</h4>\n<p>I want to walk away in a daze. I want to have to get drunk and high after in order to process the gravity of the experiance. I want to be horny afterwards and maybe fuck. I want to go and make art and shit all night. I want to feel like I could do what they are doing. I want to feel like I just have to do </p>\n<h3 id=\"something\">SOMETHING.</h3>\n<h3 id=\"anything\">ANYTHING.</h3>\n<p>But this isn’t that.</p>\n",
|
||||||
|
"author": {
|
||||||
|
"name": "KawaiiPunk"
|
||||||
|
},
|
||||||
|
"tags": [
|
||||||
|
],
|
||||||
|
"date_published": "2020-12-21T20:26:53+00:00",
|
||||||
|
"date_modified": "2020-12-21T21:20:31+00:00"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "https://writing.kawaiipunk.xyz/hello-world-4.html",
|
||||||
|
"url": "https://writing.kawaiipunk.xyz/hello-world-4.html",
|
||||||
|
"title": "Hello World!",
|
||||||
|
"summary": "Hi folks. Just made a little site to host my writing online so I can share and get feedback. Trying to write for fun. Enjoy.",
|
||||||
|
"content_html": "<p>Hi folks. Just made a little site to host my writing online so I can share and get feedback. Trying to write for fun. Enjoy.</p>\n",
|
||||||
|
"author": {
|
||||||
|
"name": "KawaiiPunk"
|
||||||
|
},
|
||||||
|
"tags": [
|
||||||
|
],
|
||||||
|
"date_published": "2020-12-21T18:12:00+00:00",
|
||||||
|
"date_modified": "2020-12-21T20:41:20+00:00"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "https://writing.kawaiipunk.xyz/hello-world-3.html",
|
||||||
|
"url": "https://writing.kawaiipunk.xyz/hello-world-3.html",
|
||||||
|
"title": "whoami",
|
||||||
|
"summary": "Librepunk/Co-operator/Union OrganiserSTATSPronouns: They/ThemMakes music as: Lai PowerBreaks things with: Autonomic Co-operativeOrganises with: IWW and AcornToots as: @kawaiipunk@sunbeam.cityBlogs as: https://kawaiipunk.xyz/hyper://53aef94902dcb6ec0deebb212175f0b25bd0e2c3da4bb0f32e25eba9f306a4ce/ INTERESTSPunk2Punk connections both online and IRLFully Democratic Anarchist Luxury Syndicalist ConfederalismSolarpunk worker co-ops and #lunarpunk housing co-opsMartial-artsADHDLuxury librepunk softwareBeing queer as in freedomCONTACTMastodonMain@kawaiipunk@sunbeam.city @kawaiipunk@pixelfed.social @LVL4qjvmws3Cxavfi4iCQI6dSOqWqOyq5/5CHImILA8=.ed25519 (Main)…",
|
||||||
|
"content_html": "<h1 id=\"librepunkco-operatorunion-organiser\">Librepunk/Co-operator/Union Organiser</h1>\n<h2 id=\"stats\">STATS</h2>\n<ul>\n<li>Pronouns: <a href=\"https://pronoun.is/they\">They/Them</a></li>\n<li>Makes music as: <a href=\"https://soundcloud.com/laipower\">Lai Power</a></li>\n<li>Breaks things with: <a href=\"https://autonomic.zone/\">Autonomic Co-operative</a></li>\n<li>Organises with: <a href=\"https://iww.org.uk/\">IWW</a> and <a href=\"https://acorntheunion.org.uk/\">Acorn</a></li>\n<li>Toots as: <a href=\"https://sunbeam.city/@kawaiipunk\">@kawaiipunk@sunbeam.city</a></li>\n<li>Blogs as: \n<a href=\"https://kawaiipunk.xyz/\">https://kawaiipunk.xyz/</a>\nhyper://53aef94902dcb6ec0deebb212175f0b25bd0e2c3da4bb0f32e25eba9f306a4ce/ </li>\n</ul>\n<h2 id=\"interests\">INTERESTS</h2>\n<ul>\n<li>Punk2Punk connections both online and IRL</li>\n<li>Fully Democratic Anarchist Luxury Syndicalist Confederalism</li>\n<li>Solarpunk worker co-ops and #lunarpunk housing co-ops</li>\n<li>Martial-arts</li>\n<li>ADHD</li>\n<li>Luxury librepunk software</li>\n<li>Being queer as in freedom</li>\n</ul>\n<h2 id=\"contact\">CONTACT</h2>\n<h3 id=\"mastodon\">Mastodon</h3>\n<h4 id=\"main\">Main</h4>\n<p><a href=\"https://sunbeam.city/@kawaiipunk\">@kawaiipunk@sunbeam.city</a></p>\n<h4 id=\"art\">Art</h4>\n<p><a href=\"https://pixelfed.social/kawaiipunk\">@kawaiipunk@pixelfed.social</a></p>\n<h3 id=\"scuttlebutt\">Scuttlebutt</h3>\n<p>@LVL4qjvmws3Cxavfi4iCQI6dSOqWqOyq5/5CHImILA8=.ed25519 (Main)</p>\n<p>@aeJxL8KfBOxnGuTT/rMgKp3n3qTPW9cvLFRqRpiBSBo=.ed25519 (Manyverse/Mobile)</p>\n<h3 id=\"matrixriot\">Matrix/Riot</h3>\n<p>@kawaiipunk:fairydust.space</p>\n<h4 id=\"devices\">Devices</h4>\n<p>ZHKABBVSKS\nFYYCJFBWFW</p>\n<h4 id=\"fingerprint\">Fingerprint</h4>\n<p><code>tXeE hbfo nK/I wz7/ 8dCf oXM/ rUnt bobt alIh U7Jk ICo</code></p>\n<h3 id=\"xmppomemo\">XMPP/OMEMO</h3>\n<p><a href=\"mailto:kawaiipunk@dismail.de\">kawaiipunk@dismail.de</a></p>\n<p><code>2D9164EB 7C36F3B7 D056EFAB 2B93F454 EDA35F5F 42F85E3E 30EED1A0 3F634D7E</code></p>\n<h3 id=\"email\">Email</h3>\n<p>Email address on request</p>\n<p>PGP Key: \n<code>DAFA 9CA8 4CFD 48F5 FCEA CEAA EDE9 3962 9F5C 1A6A</code></p>\n<h3 id=\"signal\">Signal</h3>\n<p>Phone number on request</p>\n<h2 id=\"hack-the-planet\">HACK THE PLANET!</h2>\n",
|
||||||
|
"author": {
|
||||||
|
"name": "KawaiiPunk"
|
||||||
|
},
|
||||||
|
"tags": [
|
||||||
|
],
|
||||||
|
"date_published": "2020-12-20T20:28:00+00:00",
|
||||||
|
"date_modified": "2020-12-21T20:41:34+00:00"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
138
feed.xml
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||||
|
<title>Hack the Planet</title>
|
||||||
|
<link href="https://writing.kawaiipunk.xyz/feed.xml" rel="self" />
|
||||||
|
<link href="https://writing.kawaiipunk.xyz" />
|
||||||
|
<updated>2020-12-21T21:20:31+00:00</updated>
|
||||||
|
<author>
|
||||||
|
<name>KawaiiPunk</name>
|
||||||
|
</author>
|
||||||
|
<id>https://writing.kawaiipunk.xyz</id>
|
||||||
|
|
||||||
|
<entry>
|
||||||
|
<title>Bougie art - It doesn't move me</title>
|
||||||
|
<author>
|
||||||
|
<name>KawaiiPunk</name>
|
||||||
|
</author>
|
||||||
|
<link href="https://writing.kawaiipunk.xyz/it-doesnt-move-me.html"/>
|
||||||
|
<id>https://writing.kawaiipunk.xyz/it-doesnt-move-me.html</id>
|
||||||
|
|
||||||
|
<updated>2020-12-21T21:20:31+00:00</updated>
|
||||||
|
<summary>
|
||||||
|
<![CDATA[
|
||||||
|
Gawd art is hard to get into. As soon as something does some bougie art shit, im just like 💤 I’m pretty convinced at this point that art (pure art) is best when mixed with others arts. I mean what even do we call the…
|
||||||
|
]]>
|
||||||
|
</summary>
|
||||||
|
<content type="html">
|
||||||
|
<![CDATA[
|
||||||
|
<p>Gawd art is hard to get into. As soon as something does some bougie art shit, im just like 💤</p>
|
||||||
|
<h2 id="when-does-the-beat-drop">WHEN DOES THE BEAT DROP</h2>
|
||||||
|
<p>I’m pretty convinced at this point that art (pure art) is best when mixed with others arts. I mean what even do we call the kind of intellectual art?</p>
|
||||||
|
<p>Cos like the Ramones are deffo art and David Hoyle is deffo art but this isn’t that and its not the same thing.</p>
|
||||||
|
<p>Let’s call it bougie art 🤣 (bougie not always being a bad thing)</p>
|
||||||
|
<p>The act of acting like an intellectual</p>
|
||||||
|
<h4 id="boog">boog</h4>
|
||||||
|
<p>To qoute Tricky </p>
|
||||||
|
<h2 id="it-doesnt-move-me">“It doesn’t move me”</h2>
|
||||||
|
<h2 id="it-doesnt-move-me-1">“It doesn’t move me”</h2>
|
||||||
|
<h2 id="it-doesnt-move-me-2">“It doesn’t move me”</h2>
|
||||||
|
<h2 id="it-doesnt-move-me-3">“It doesn’t move me”</h2>
|
||||||
|
<h4 id="i-want-to-be-blown-away-i-want-to-see-into-the-future-i-want-to-leave-the-ground-for-a-moment">I want to be blown away. I want to see into the future. I want to leave the ground for a moment.</h4>
|
||||||
|
<p>I want to walk away in a daze. I want to have to get drunk and high after in order to process the gravity of the experiance. I want to be horny afterwards and maybe fuck. I want to go and make art and shit all night. I want to feel like I could do what they are doing. I want to feel like I just have to do </p>
|
||||||
|
<h3 id="something">SOMETHING.</h3>
|
||||||
|
<h3 id="anything">ANYTHING.</h3>
|
||||||
|
<p>But this isn’t that.</p>
|
||||||
|
|
||||||
|
]]>
|
||||||
|
</content>
|
||||||
|
</entry>
|
||||||
|
<entry>
|
||||||
|
<title>Hello World!</title>
|
||||||
|
<author>
|
||||||
|
<name>KawaiiPunk</name>
|
||||||
|
</author>
|
||||||
|
<link href="https://writing.kawaiipunk.xyz/hello-world-4.html"/>
|
||||||
|
<id>https://writing.kawaiipunk.xyz/hello-world-4.html</id>
|
||||||
|
|
||||||
|
<updated>2020-12-21T20:41:20+00:00</updated>
|
||||||
|
<summary>
|
||||||
|
<![CDATA[
|
||||||
|
Hi folks. Just made a little site to host my writing online so I can share and get feedback. Trying to write for fun. Enjoy.
|
||||||
|
]]>
|
||||||
|
</summary>
|
||||||
|
<content type="html">
|
||||||
|
<![CDATA[
|
||||||
|
<p>Hi folks. Just made a little site to host my writing online so I can share and get feedback. Trying to write for fun. Enjoy.</p>
|
||||||
|
|
||||||
|
]]>
|
||||||
|
</content>
|
||||||
|
</entry>
|
||||||
|
<entry>
|
||||||
|
<title>whoami</title>
|
||||||
|
<author>
|
||||||
|
<name>KawaiiPunk</name>
|
||||||
|
</author>
|
||||||
|
<link href="https://writing.kawaiipunk.xyz/hello-world-3.html"/>
|
||||||
|
<id>https://writing.kawaiipunk.xyz/hello-world-3.html</id>
|
||||||
|
|
||||||
|
<updated>2020-12-21T20:41:34+00:00</updated>
|
||||||
|
<summary>
|
||||||
|
<![CDATA[
|
||||||
|
Librepunk/Co-operator/Union OrganiserSTATSPronouns: They/ThemMakes music as: Lai PowerBreaks things with: Autonomic Co-operativeOrganises with: IWW and AcornToots as: @kawaiipunk@sunbeam.cityBlogs as: https://kawaiipunk.xyz/hyper://53aef94902dcb6ec0deebb212175f0b25bd0e2c3da4bb0f32e25eba9f306a4ce/ INTERESTSPunk2Punk connections both online and IRLFully Democratic Anarchist Luxury Syndicalist ConfederalismSolarpunk worker co-ops and #lunarpunk housing co-opsMartial-artsADHDLuxury librepunk softwareBeing queer as in freedomCONTACTMastodonMain@kawaiipunk@sunbeam.city @kawaiipunk@pixelfed.social @LVL4qjvmws3Cxavfi4iCQI6dSOqWqOyq5/5CHImILA8=.ed25519 (Main)…
|
||||||
|
]]>
|
||||||
|
</summary>
|
||||||
|
<content type="html">
|
||||||
|
<![CDATA[
|
||||||
|
<h1 id="librepunkco-operatorunion-organiser">Librepunk/Co-operator/Union Organiser</h1>
|
||||||
|
<h2 id="stats">STATS</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Pronouns: <a href="https://pronoun.is/they">They/Them</a></li>
|
||||||
|
<li>Makes music as: <a href="https://soundcloud.com/laipower">Lai Power</a></li>
|
||||||
|
<li>Breaks things with: <a href="https://autonomic.zone/">Autonomic Co-operative</a></li>
|
||||||
|
<li>Organises with: <a href="https://iww.org.uk/">IWW</a> and <a href="https://acorntheunion.org.uk/">Acorn</a></li>
|
||||||
|
<li>Toots as: <a href="https://sunbeam.city/@kawaiipunk">@kawaiipunk@sunbeam.city</a></li>
|
||||||
|
<li>Blogs as:
|
||||||
|
<a href="https://kawaiipunk.xyz/">https://kawaiipunk.xyz/</a>
|
||||||
|
hyper://53aef94902dcb6ec0deebb212175f0b25bd0e2c3da4bb0f32e25eba9f306a4ce/ </li>
|
||||||
|
</ul>
|
||||||
|
<h2 id="interests">INTERESTS</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Punk2Punk connections both online and IRL</li>
|
||||||
|
<li>Fully Democratic Anarchist Luxury Syndicalist Confederalism</li>
|
||||||
|
<li>Solarpunk worker co-ops and #lunarpunk housing co-ops</li>
|
||||||
|
<li>Martial-arts</li>
|
||||||
|
<li>ADHD</li>
|
||||||
|
<li>Luxury librepunk software</li>
|
||||||
|
<li>Being queer as in freedom</li>
|
||||||
|
</ul>
|
||||||
|
<h2 id="contact">CONTACT</h2>
|
||||||
|
<h3 id="mastodon">Mastodon</h3>
|
||||||
|
<h4 id="main">Main</h4>
|
||||||
|
<p><a href="https://sunbeam.city/@kawaiipunk">@kawaiipunk@sunbeam.city</a></p>
|
||||||
|
<h4 id="art">Art</h4>
|
||||||
|
<p><a href="https://pixelfed.social/kawaiipunk">@kawaiipunk@pixelfed.social</a></p>
|
||||||
|
<h3 id="scuttlebutt">Scuttlebutt</h3>
|
||||||
|
<p>@LVL4qjvmws3Cxavfi4iCQI6dSOqWqOyq5/5CHImILA8=.ed25519 (Main)</p>
|
||||||
|
<p>@aeJxL8KfBOxnGuTT/rMgKp3n3qTPW9cvLFRqRpiBSBo=.ed25519 (Manyverse/Mobile)</p>
|
||||||
|
<h3 id="matrixriot">Matrix/Riot</h3>
|
||||||
|
<p>@kawaiipunk:fairydust.space</p>
|
||||||
|
<h4 id="devices">Devices</h4>
|
||||||
|
<p>ZHKABBVSKS
|
||||||
|
FYYCJFBWFW</p>
|
||||||
|
<h4 id="fingerprint">Fingerprint</h4>
|
||||||
|
<p><code>tXeE hbfo nK/I wz7/ 8dCf oXM/ rUnt bobt alIh U7Jk ICo</code></p>
|
||||||
|
<h3 id="xmppomemo">XMPP/OMEMO</h3>
|
||||||
|
<p><a href="mailto:kawaiipunk@dismail.de">kawaiipunk@dismail.de</a></p>
|
||||||
|
<p><code>2D9164EB 7C36F3B7 D056EFAB 2B93F454 EDA35F5F 42F85E3E 30EED1A0 3F634D7E</code></p>
|
||||||
|
<h3 id="email">Email</h3>
|
||||||
|
<p>Email address on request</p>
|
||||||
|
<p>PGP Key:
|
||||||
|
<code>DAFA 9CA8 4CFD 48F5 FCEA CEAA EDE9 3962 9F5C 1A6A</code></p>
|
||||||
|
<h3 id="signal">Signal</h3>
|
||||||
|
<p>Phone number on request</p>
|
||||||
|
<h2 id="hack-the-planet">HACK THE PLANET!</h2>
|
||||||
|
|
||||||
|
]]>
|
||||||
|
</content>
|
||||||
|
</entry>
|
||||||
|
</feed>
|
302
files.publii.json
Normal file
@ -0,0 +1,302 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"path": "404.html",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "97b88b058b222caa6ebcfb72547e17d3"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "assets",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "assets/css",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/css/editor.css",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "e5909a88ba1158a79ba2dbf82d6b2d86"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/css/main.css",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "56efcaf74996596f564d8bad02778d48"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/css/photoswipe.css",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "357f87f4e9502a5318d89e8e76e0a344"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/css/style.css",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "7f3e198280b6a56c41de52cac922b97f"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "assets/js",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/js/photoswipe-ui-default.min.js",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "d067f0883540b1ddda0e2c9ad1b14260"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/js/photoswipe.min.js",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "017385b552f7e0d979e2e2fe6f324015"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/js/scripts.js",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "932f325ea2f7fb1467e84c97f137e0f9"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/js/scripts.min.js",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "f4c4d35432d0e17d212f2fae4e0f8247"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/js/svg-fix.js",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "7c0d2bb7276904b382e80bf2d85e8a96"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/js/svg-map.js",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "350bb511eba46f390e88bbea74abb0ac"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "assets/svg",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/svg/gallery-icons-dark.svg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "452594838e74a3df91ad4a20cf53c831"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/svg/gallery-icons-light.svg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "ca77079e0fe8270a7447d7f1f5d543b0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/svg/search.svg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "a5bb83b82b98f41b359f20dbf9db6e44"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/assets/svg/svg-map.svg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "3c5bef20cd9e16841afe49cf089a6c20"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "authors",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "authors/kawaiipunk",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/authors/kawaiipunk/index.html",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "3fd34504f6cfeb6f84273b415178c7af"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "feed.json",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "d6f403ba803a0bb04b69bfd75ab1d196"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "feed.xml",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "779bb23d3759b5f56e0bc62a23a6a3ac"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "hello-world-3.html",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "acc7eb6a4dc58835ab5fcd9c6c94c983"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "hello-world-4.html",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "1928f77e395bef908ec5124e267a31af"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "index.html",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "1ef4904c378ae27e1badaefba7c3054a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "it-doesnt-move-me.html",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "0f266709f934a4c5769fa92275afa92f"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "media",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "media/authors",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "media/files",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "media/posts",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "media/tags",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "media/website",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "media/website/responsive",
|
||||||
|
"type": "directory",
|
||||||
|
"md5": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-2-2xl.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-2-lg.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-2-md.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-2-sm.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-2-xl.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-2-xs.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "4548a1308dcb0104e5b5a1bfc6210af5"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-2xl.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-3-2xl.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-3-lg.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-3-md.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-3-sm.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-3-xl.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-3-xs.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "4548a1308dcb0104e5b5a1bfc6210af5"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-lg.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-md.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-sm.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-xl.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b2dc3f0b7f9f437748c656d6e7fe486a"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/responsive/socialsalior-xs.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "4548a1308dcb0104e5b5a1bfc6210af5"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/socialsalior-2.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "5e0eee4426e33c98c62583a5c89f5c1c"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/socialsalior-3.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "5e0eee4426e33c98c62583a5c89f5c1c"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "/media/website/socialsalior.jpg",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "5e0eee4426e33c98c62583a5c89f5c1c"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "robots.txt",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "03aa785bf1d32bcf57209c6586d58712"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "search.html",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "379001bc317d8acd5276ef0ab4cd7c6d"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "sitemap.xml",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "b77232b085f4319f8e1831bf6b4134e1"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "sitemap.xsl",
|
||||||
|
"type": "file",
|
||||||
|
"md5": "51a7bcec43fa1ef0366100d5c2edbe75"
|
||||||
|
}
|
||||||
|
]
|
18
hello-world-3.html
Normal file
18
hello-world-4.html
Normal file
18
index.html
Normal file
18
it-doesnt-move-me.html
Normal file
BIN
media/website/responsive/socialsalior-2-2xl.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-2-lg.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-2-md.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-2-sm.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-2-xl.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-2-xs.jpg
Normal file
After Width: | Height: | Size: 7.5 KiB |
BIN
media/website/responsive/socialsalior-2xl.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-3-2xl.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-3-lg.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-3-md.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-3-sm.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-3-xl.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-3-xs.jpg
Normal file
After Width: | Height: | Size: 7.5 KiB |
BIN
media/website/responsive/socialsalior-lg.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-md.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-sm.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-xl.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
media/website/responsive/socialsalior-xs.jpg
Normal file
After Width: | Height: | Size: 7.5 KiB |
BIN
media/website/socialsalior-2.jpg
Normal file
After Width: | Height: | Size: 44 KiB |
BIN
media/website/socialsalior-3.jpg
Normal file
After Width: | Height: | Size: 44 KiB |
BIN
media/website/socialsalior.jpg
Normal file
After Width: | Height: | Size: 44 KiB |
3
robots.txt
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
User-agent: *
|
||||||
|
Disallow:
|
||||||
|
Sitemap: https://writing.kawaiipunk.xyz/sitemap.xml
|
26
search.html
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
<!DOCTYPE html><html lang="en-gb"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Search - Hack the Planet</title><meta name="robots" content="noindex, follow"><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="alternate" type="application/atom+xml" href="https://writing.kawaiipunk.xyz/feed.xml"><link rel="alternate" type="application/json" href="https://writing.kawaiipunk.xyz/feed.json"><meta property="og:title" content="Hack the Planet"><meta property="og:image" content="https://writing.kawaiipunk.xyz/media/website/socialsalior-3.jpg"><meta property="og:site_name" content="Hack the Planet"><meta property="og:description" content=""><meta property="og:url" content="https://writing.kawaiipunk.xyz/"><meta property="og:type" content="website"><link rel="shortcut icon" href="https://writing.kawaiipunk.xyz/media/website/socialsalior.jpg" type="image/x-icon"><style>:root{--body-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--heading-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--logo-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--menu-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}</style><link rel="stylesheet" href="https://writing.kawaiipunk.xyz/assets/css/style.css?v=7f3e198280b6a56c41de52cac922b97f"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Organization","name":"Hack the Planet","logo":"https://writing.kawaiipunk.xyz/media/website/socialsalior-3.jpg","url":"https://writing.kawaiipunk.xyz/"}</script></head><body><div class="site-container"><header class="top" id="js-header"><a class="logo" href="https://writing.kawaiipunk.xyz/"><img src="https://writing.kawaiipunk.xyz/media/website/socialsalior-3.jpg" alt="Hack the Planet"></a></header><main><article class="post search-page"><div class="hero"><header class="hero__content"><div class="wrapper"><h1>Search</h1></div></header></div><div class="wrapper post__entry"><form action="https://writing.kawaiipunk.xyz/search.html" class="search-page__form"><input type="search" name="q" placeholder="search..." class="search-page__input"> <button type="submit">Submit</button></form><script>(function () {
|
||||||
|
var cx = '';
|
||||||
|
var gcse = document.createElement('script');
|
||||||
|
gcse.type = 'text/javascript';
|
||||||
|
gcse.async = true;
|
||||||
|
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
|
||||||
|
var s = document.getElementsByTagName('script')[0];
|
||||||
|
s.parentNode.insertBefore(gcse, s);
|
||||||
|
})();</script><gcse:searchresults-only></gcse:searchresults-only></div></article></main><footer class="footer"><div class="footer__copyright"><p>Powered by <a href="https://getpublii.com" target="_blank" rel="nofollow noopener">Publii</a></p></div><button class="footer__bttop js-footer__bttop" aria-label="Back to top"><svg><title>Back to top</title><use xlink:href="https://writing.kawaiipunk.xyz/assets/svg/svg-map.svg#toparrow"/></svg></button></footer></div><script>window.publiiThemeMenuConfig = {
|
||||||
|
mobileMenuMode: 'sidebar',
|
||||||
|
animationSpeed: 300,
|
||||||
|
submenuWidth: 'auto',
|
||||||
|
doubleClickTime: 500,
|
||||||
|
mobileMenuExpandableSubmenus: true,
|
||||||
|
relatedContainerForOverlayMenuSelector: '.top',
|
||||||
|
};</script><script defer="defer" src="https://writing.kawaiipunk.xyz/assets/js/scripts.min.js?v=f4c4d35432d0e17d212f2fae4e0f8247"></script><script>var images = document.querySelectorAll('img[loading]');
|
||||||
|
|
||||||
|
for (var i = 0; i < images.length; i++) {
|
||||||
|
if (images[i].complete) {
|
||||||
|
images[i].classList.add('is-loaded');
|
||||||
|
} else {
|
||||||
|
images[i].addEventListener('load', function () {
|
||||||
|
this.classList.add('is-loaded');
|
||||||
|
}, false);
|
||||||
|
}
|
||||||
|
}</script></body></html>
|
19
sitemap.xml
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<?xml-stylesheet type="text/xsl" href="https://writing.kawaiipunk.xyz/sitemap.xsl"?>
|
||||||
|
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
|
||||||
|
<url>
|
||||||
|
<loc>https://writing.kawaiipunk.xyz/</loc>
|
||||||
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://writing.kawaiipunk.xyz/hello-world-3.html</loc>
|
||||||
|
<lastmod>2020-12-21T20:41:34+00:00</lastmod>
|
||||||
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://writing.kawaiipunk.xyz/hello-world-4.html</loc>
|
||||||
|
<lastmod>2020-12-21T20:41:20+00:00</lastmod>
|
||||||
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://writing.kawaiipunk.xyz/it-doesnt-move-me.html</loc>
|
||||||
|
<lastmod>2020-12-21T21:20:31+00:00</lastmod>
|
||||||
|
</url>
|
||||||
|
</urlset>
|
103
sitemap.xsl
Normal file
@ -0,0 +1,103 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<xsl:stylesheet version="2.0"
|
||||||
|
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
|
||||||
|
xmlns:sitemap="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||||
|
xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
|
||||||
|
xmlns:html="http://www.w3.org/TR/REC-html40">
|
||||||
|
<xsl:output version="1.0" method="html" encoding="UTF-8" />
|
||||||
|
<xsl:template match="/">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<title>Sitemap XML</title>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<style type="text/css">
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
color: #333;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #000;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
margin: 20px auto;
|
||||||
|
width: 1240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
margin: 25px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list,
|
||||||
|
.list td,
|
||||||
|
.list th {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list td,
|
||||||
|
.list th {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list thead th {
|
||||||
|
background: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list tr:nth-child(even) td {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<h1 class="header">Sitemap XML</h1>
|
||||||
|
|
||||||
|
<div class="info">This sitemap contains <xsl:value-of select="count(sitemap:urlset/sitemap:url)"/> URLs.</div>
|
||||||
|
<table class="list" border="none" cellspacing="0" cellpadding="3">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th width="70%">URL</th>
|
||||||
|
<th width="10%">Images</th>
|
||||||
|
<th width="20%">Last Modified</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<xsl:for-each select="sitemap:urlset/sitemap:url">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<xsl:variable name="url"><xsl:value-of select="sitemap:loc"/></xsl:variable>
|
||||||
|
<a href="{$url}"><xsl:value-of select="sitemap:loc"/></a>
|
||||||
|
</td>
|
||||||
|
<td style="text-align: center;">
|
||||||
|
<xsl:value-of select="count(image:image)"/>
|
||||||
|
</td>
|
||||||
|
<td style="text-align: center; font-family: monospace;">
|
||||||
|
<xsl:value-of select="concat( substring( sitemap:lastmod, 0, 11), concat(' ', substring( sitemap:lastmod, 12, 14 ) ) )"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</xsl:for-each>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
</xsl:template>
|
||||||
|
</xsl:stylesheet>
|