add Test Site with Static Site Generator Hugo
Gitea
parent
e164910228
commit
d046578a5d
|
|
@ -0,0 +1,449 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de-DE" itemscope itemtype="http://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>404 page not found - TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
|
||||
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
|
||||
|
||||
<meta name="MobileOptimized" content="width"/>
|
||||
<meta name="HandheldFriendly" content="true"/>
|
||||
|
||||
|
||||
<meta name="applicable-device" content="pc,mobile">
|
||||
|
||||
<meta name="theme-color" content="#f8f5ec" />
|
||||
<meta name="msapplication-navbutton-color" content="#f8f5ec">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">
|
||||
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<meta name="author" content="minetest4kids Team" />
|
||||
<meta name="description" content="minetest4kids Projektseite" />
|
||||
<meta name="keywords" content="minetest, dresden, projekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="generator" content="Hugo 0.80.0" />
|
||||
|
||||
|
||||
<link rel="canonical" href="https://minetest4kids.net/404.html" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/sass/jane.min.f1e506a781bf25d33ffc18aa6b4e972a965c58049d27d4f92b7db2e9bf28e4bf.css" integrity="sha256-8eUGp4G/JdM//Biqa06XKpZcWASdJ9T5K32y6b8o5L8=" media="screen" crossorigin="anonymous">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="404 Page not found" />
|
||||
<meta property="og:description" content="minetest4kids Projektseite" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://minetest4kids.net/404.html" />
|
||||
|
||||
<meta itemprop="name" content="404 Page not found">
|
||||
<meta itemprop="description" content="minetest4kids Projektseite">
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="404 Page not found"/>
|
||||
<meta name="twitter:description" content="minetest4kids Projektseite"/>
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="mobile-navbar" class="mobile-navbar">
|
||||
<div class="mobile-header-logo">
|
||||
<a href="/" class="logo">TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</a>
|
||||
</div>
|
||||
<div class="mobile-navbar-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<nav id="mobile-menu" class="mobile-menu slideout-menu">
|
||||
<ul class="mobile-menu-list">
|
||||
<li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/lib/photoswipe/photoswipe.min.css" />
|
||||
<link rel="stylesheet" href="/lib/photoswipe/default-skin/default-skin.min.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
|
||||
<div class="pswp__bg"></div>
|
||||
|
||||
<div class="pswp__scroll-wrap">
|
||||
|
||||
<div class="pswp__container">
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
</div>
|
||||
|
||||
<div class="pswp__ui pswp__ui--hidden">
|
||||
<div class="pswp__top-bar">
|
||||
|
||||
<div class="pswp__counter"></div>
|
||||
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
||||
<button class="pswp__button pswp__button--share" title="Share"></button>
|
||||
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
||||
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
||||
|
||||
|
||||
<div class="pswp__preloader">
|
||||
<div class="pswp__preloader__icn">
|
||||
<div class="pswp__preloader__cut">
|
||||
<div class="pswp__preloader__donut"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||||
<div class="pswp__share-tooltip"></div>
|
||||
</div>
|
||||
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
||||
</button>
|
||||
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
||||
</button>
|
||||
<div class="pswp__caption">
|
||||
<div class="pswp__caption__center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header" class="header container">
|
||||
<div class="logo-wrapper">
|
||||
<a href="/" class="logo">
|
||||
|
||||
TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="site-navbar">
|
||||
<ul id="menu" class="menu">
|
||||
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<div id="mobile-panel">
|
||||
<main id="main" class="main bg-llight">
|
||||
<div class="content-wrapper">
|
||||
<div id="content" class="content container">
|
||||
|
||||
<div class="not-found">
|
||||
<h1 class="error-emoji"></h1>
|
||||
<p class="error-text">/* 404 page not found. */</p>
|
||||
<p class="error-link"><a href="/">↑ Back Home ↑</a></p>
|
||||
</div>
|
||||
<script>
|
||||
var errorEmojiContainer = document.getElementsByClassName('error-emoji')[0];
|
||||
var emojiArray = [
|
||||
'\\(o_o)/', '(o^^)o', '(˚Δ˚)b', '(^-^*)', '(≥o≤)', '(^_^)b', '(·_·)',
|
||||
'(=\'X\'=)', '(>_<)', '(;-;)', '\\(^Д^)/',
|
||||
];
|
||||
var errorEmoji = emojiArray[Math.floor(Math.random() * emojiArray.length)];
|
||||
errorEmojiContainer.appendChild(document.createTextNode(errorEmoji));
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer">
|
||||
<div class="icon-links">
|
||||
|
||||
|
||||
<a href="mailto:kontakt@minetest4kids,net" rel="me noopener" class="iconfont"
|
||||
title="email" >
|
||||
<svg class="icon" viewBox="0 0 1451 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36">
|
||||
<path d="M664.781909 681.472759 0 97.881301C0 3.997201 71.046997 0 71.046997 0L474.477909 0 961.649408 0 1361.641813 0C1361.641813 0 1432.688811 3.997201 1432.688811 97.881301L771.345323 681.472759C771.345323 681.472759 764.482731 685.154773 753.594283 688.65053L753.594283 688.664858C741.602731 693.493018 729.424896 695.068979 718.077952 694.839748 706.731093 695.068979 694.553173 693.493018 682.561621 688.664858L682.561621 688.65053C671.644501 685.140446 664.781909 681.472759 664.781909 681.472759L664.781909 681.472759ZM718.063616 811.603883C693.779541 811.016482 658.879232 802.205449 619.10784 767.734955 542.989056 701.759633 0 212.052267 0 212.052267L0 942.809523C0 942.809523 0 1024 83.726336 1024L682.532949 1024 753.579947 1024 1348.948139 1024C1432.688811 1024 1432.688811 942.809523 1432.688811 942.809523L1432.688811 212.052267C1432.688811 212.052267 893.138176 701.759633 817.019477 767.734955 777.248 802.205449 742.347691 811.03081 718.063616 811.603883L718.063616 811.603883Z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="https://bildung.social/@minetest4kids/" rel="me noopener" class="iconfont"
|
||||
title="mastodon" target="_blank"
|
||||
>
|
||||
<svg class="icon" style="" viewBox="0 0 448 512" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://minetest4kids.net/index.xml" rel="noopener alternate" type="application/rss+xml"
|
||||
class="iconfont" title="rss" target="_blank">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="30" height="30">
|
||||
<path d="M819.157333 1024C819.157333 574.592 449.408 204.8 0 204.8V0c561.706667 0 1024 462.293333 1024 1024h-204.842667zM140.416 743.04a140.8 140.8 0 0 1 140.501333 140.586667A140.928 140.928 0 0 1 140.074667 1024C62.72 1024 0 961.109333 0 883.626667s62.933333-140.544 140.416-140.586667zM678.784 1024h-199.04c0-263.210667-216.533333-479.786667-479.744-479.786667V345.173333c372.352 0 678.784 306.517333 678.784 678.826667z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<span class="power-by">
|
||||
Powered by <a class="hexo-link" href="https://gohugo.io">Hugo</a>
|
||||
</span>
|
||||
<span class="division">|</span>
|
||||
<span class="theme-info">
|
||||
Theme - <a class="theme-link" href="https://github.com/xianmin/hugo-theme-jane">Jane</a>
|
||||
</span>
|
||||
|
||||
<span class="copyright-year">
|
||||
©
|
||||
2021
|
||||
<span class="heart">
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1025 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="14" height="14">
|
||||
<path d="M1000.1 247.9c-15.5-37.3-37.6-70.6-65.7-98.9-54.4-54.8-125.8-85-201-85-85.7 0-166 39-221.4 107.4C456.6 103 376.3 64 290.6 64c-75.1 0-146.5 30.4-201.1 85.6-28.2 28.5-50.4 61.9-65.8 99.3-16 38.8-24 79.9-23.6 122.2 0.7 91.7 40.1 177.2 108.1 234.8 3.1 2.6 6 5.1 8.9 7.8 14.9 13.4 58 52.8 112.6 102.7 93.5 85.5 209.9 191.9 257.5 234.2 7 6.1 15.8 9.5 24.9 9.5 9.2 0 18.1-3.4 24.9-9.5 34.5-30.7 105.8-95.9 181.4-165 74.2-67.8 150.9-138 195.8-178.2 69.5-57.9 109.6-144.4 109.9-237.3 0.1-42.5-8-83.6-24-122.2z"
|
||||
fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</span><span class="author">
|
||||
copyright ist aberglaube
|
||||
|
||||
</span></span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div class="back-to-top" id="back-to-top">
|
||||
<i class="iconfont">
|
||||
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="35" height="35">
|
||||
<path d="M510.866688 227.694839 95.449397 629.218702l235.761562 0-2.057869 328.796468 362.40389 0L691.55698 628.188232l241.942331-3.089361L510.866688 227.694839zM63.840492 63.962777l894.052392 0 0 131.813095L63.840492 195.775872 63.840492 63.962777 63.840492 63.962777zM63.840492 63.962777"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/slideout/slideout-1.0.1.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/main.638251f4230630f0335d8c6748e53a96f94b72670920b60c09a56fdc8bece214.js" integrity="sha256-Y4JR9CMGMPAzXYxnSOU6lvlLcmcJILYMCaVv3Ivs4hQ=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/load-photoswipe.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe-ui-default.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,515 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" itemscope itemtype="http://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>About - minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
|
||||
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
|
||||
|
||||
<meta name="MobileOptimized" content="width"/>
|
||||
<meta name="HandheldFriendly" content="true"/>
|
||||
|
||||
|
||||
<meta name="applicable-device" content="pc,mobile">
|
||||
|
||||
<meta name="theme-color" content="#f8f5ec" />
|
||||
<meta name="msapplication-navbutton-color" content="#f8f5ec">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">
|
||||
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<meta name="author" content="minetest4kids Team" />
|
||||
<meta name="description" content="Blubb hallo!" />
|
||||
|
||||
<meta name="keywords" content="minetest, dresden, projekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="generator" content="Hugo 0.80.0" />
|
||||
|
||||
|
||||
<link rel="canonical" href="https://minetest5kids.net/about/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/sass/jane.min.f1e506a781bf25d33ffc18aa6b4e972a965c58049d27d4f92b7db2e9bf28e4bf.css" integrity="sha256-8eUGp4G/JdM//Biqa06XKpZcWASdJ9T5K32y6b8o5L8=" media="screen" crossorigin="anonymous">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="About" />
|
||||
<meta property="og:description" content="Blubb hallo!" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://minetest5kids.net/about/" />
|
||||
<meta property="article:published_time" content="2020-12-24T00:31:46+01:00" />
|
||||
<meta property="article:modified_time" content="2020-12-24T00:31:46+01:00" />
|
||||
<meta itemprop="name" content="About">
|
||||
<meta itemprop="description" content="Blubb hallo!">
|
||||
<meta itemprop="datePublished" content="2020-12-24T00:31:46+01:00" />
|
||||
<meta itemprop="dateModified" content="2020-12-24T00:31:46+01:00" />
|
||||
<meta itemprop="wordCount" content="2">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="keywords" content="" />
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="About"/>
|
||||
<meta name="twitter:description" content="Blubb hallo!"/>
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="mobile-navbar" class="mobile-navbar">
|
||||
<div class="mobile-header-logo">
|
||||
<a href="/" class="logo">minetest4kids.net ein Kinder- und Jugendprojekt</a>
|
||||
</div>
|
||||
<div class="mobile-navbar-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<nav id="mobile-menu" class="mobile-menu slideout-menu">
|
||||
<ul class="mobile-menu-list">
|
||||
<li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/">Blog</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/lib/photoswipe/photoswipe.min.css" />
|
||||
<link rel="stylesheet" href="/lib/photoswipe/default-skin/default-skin.min.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
|
||||
<div class="pswp__bg"></div>
|
||||
|
||||
<div class="pswp__scroll-wrap">
|
||||
|
||||
<div class="pswp__container">
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
</div>
|
||||
|
||||
<div class="pswp__ui pswp__ui--hidden">
|
||||
<div class="pswp__top-bar">
|
||||
|
||||
<div class="pswp__counter"></div>
|
||||
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
||||
<button class="pswp__button pswp__button--share" title="Share"></button>
|
||||
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
||||
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
||||
|
||||
|
||||
<div class="pswp__preloader">
|
||||
<div class="pswp__preloader__icn">
|
||||
<div class="pswp__preloader__cut">
|
||||
<div class="pswp__preloader__donut"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||||
<div class="pswp__share-tooltip"></div>
|
||||
</div>
|
||||
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
||||
</button>
|
||||
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
||||
</button>
|
||||
<div class="pswp__caption">
|
||||
<div class="pswp__caption__center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header" class="header container">
|
||||
<div class="logo-wrapper">
|
||||
<a href="/" class="logo">
|
||||
|
||||
minetest4kids.net ein Kinder- und Jugendprojekt
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="site-navbar">
|
||||
<ul id="menu" class="menu">
|
||||
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<div id="mobile-panel">
|
||||
<main id="main" class="main bg-llight">
|
||||
<div class="content-wrapper">
|
||||
<div id="content" class="content container">
|
||||
<article class="post bg-white">
|
||||
|
||||
<header class="post-header">
|
||||
<h1 class="post-title">About</h1>
|
||||
|
||||
<div class="post-meta">
|
||||
<time datetime="2020-12-24" class="post-time">
|
||||
2020-12-24
|
||||
</time>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<div class="post-toc" id="post-toc">
|
||||
<h2 class="post-toc-title">Table of Contents</h2>
|
||||
<div class="post-toc-content">
|
||||
<nav id="TableOfContents"></nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="post-content">
|
||||
<p>Blubb hallo!</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="post-copyright">
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">Author</span>
|
||||
<span class="item-content">minetest4kids Team</span>
|
||||
</p>
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">LastMod</span>
|
||||
<span class="item-content">
|
||||
2020-12-24
|
||||
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">License</span>
|
||||
<span class="item-content"><a rel="license noopener" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank">CC BY-NC-ND 4.0</a></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer">
|
||||
<div class="icon-links">
|
||||
|
||||
|
||||
<a href="mailto:kontakt@minetest4kids,net" rel="me noopener" class="iconfont"
|
||||
title="email" >
|
||||
<svg class="icon" viewBox="0 0 1451 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36">
|
||||
<path d="M664.781909 681.472759 0 97.881301C0 3.997201 71.046997 0 71.046997 0L474.477909 0 961.649408 0 1361.641813 0C1361.641813 0 1432.688811 3.997201 1432.688811 97.881301L771.345323 681.472759C771.345323 681.472759 764.482731 685.154773 753.594283 688.65053L753.594283 688.664858C741.602731 693.493018 729.424896 695.068979 718.077952 694.839748 706.731093 695.068979 694.553173 693.493018 682.561621 688.664858L682.561621 688.65053C671.644501 685.140446 664.781909 681.472759 664.781909 681.472759L664.781909 681.472759ZM718.063616 811.603883C693.779541 811.016482 658.879232 802.205449 619.10784 767.734955 542.989056 701.759633 0 212.052267 0 212.052267L0 942.809523C0 942.809523 0 1024 83.726336 1024L682.532949 1024 753.579947 1024 1348.948139 1024C1432.688811 1024 1432.688811 942.809523 1432.688811 942.809523L1432.688811 212.052267C1432.688811 212.052267 893.138176 701.759633 817.019477 767.734955 777.248 802.205449 742.347691 811.03081 718.063616 811.603883L718.063616 811.603883Z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="https://bildung.social/@minetest4kids/" rel="me noopener" class="iconfont"
|
||||
title="mastodon" target="_blank"
|
||||
>
|
||||
<svg class="icon" style="" viewBox="0 0 448 512" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://minetest5kids.net/index.xml" rel="noopener alternate" type="application/rss+xml"
|
||||
class="iconfont" title="rss" target="_blank">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="30" height="30">
|
||||
<path d="M819.157333 1024C819.157333 574.592 449.408 204.8 0 204.8V0c561.706667 0 1024 462.293333 1024 1024h-204.842667zM140.416 743.04a140.8 140.8 0 0 1 140.501333 140.586667A140.928 140.928 0 0 1 140.074667 1024C62.72 1024 0 961.109333 0 883.626667s62.933333-140.544 140.416-140.586667zM678.784 1024h-199.04c0-263.210667-216.533333-479.786667-479.744-479.786667V345.173333c372.352 0 678.784 306.517333 678.784 678.826667z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<span class="power-by">
|
||||
Powered by <a class="hexo-link" href="https://gohugo.io">Hugo</a>
|
||||
</span>
|
||||
<span class="division">|</span>
|
||||
<span class="theme-info">
|
||||
Theme - <a class="theme-link" href="https://github.com/xianmin/hugo-theme-jane">Jane</a>
|
||||
</span>
|
||||
|
||||
<span class="copyright-year">
|
||||
©
|
||||
|
||||
2020 -
|
||||
2021
|
||||
<span class="heart">
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1025 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="14" height="14">
|
||||
<path d="M1000.1 247.9c-15.5-37.3-37.6-70.6-65.7-98.9-54.4-54.8-125.8-85-201-85-85.7 0-166 39-221.4 107.4C456.6 103 376.3 64 290.6 64c-75.1 0-146.5 30.4-201.1 85.6-28.2 28.5-50.4 61.9-65.8 99.3-16 38.8-24 79.9-23.6 122.2 0.7 91.7 40.1 177.2 108.1 234.8 3.1 2.6 6 5.1 8.9 7.8 14.9 13.4 58 52.8 112.6 102.7 93.5 85.5 209.9 191.9 257.5 234.2 7 6.1 15.8 9.5 24.9 9.5 9.2 0 18.1-3.4 24.9-9.5 34.5-30.7 105.8-95.9 181.4-165 74.2-67.8 150.9-138 195.8-178.2 69.5-57.9 109.6-144.4 109.9-237.3 0.1-42.5-8-83.6-24-122.2z"
|
||||
fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</span><span class="author">
|
||||
copyright ist aberglaube
|
||||
|
||||
</span></span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div class="back-to-top" id="back-to-top">
|
||||
<i class="iconfont">
|
||||
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="35" height="35">
|
||||
<path d="M510.866688 227.694839 95.449397 629.218702l235.761562 0-2.057869 328.796468 362.40389 0L691.55698 628.188232l241.942331-3.089361L510.866688 227.694839zM63.840492 63.962777l894.052392 0 0 131.813095L63.840492 195.775872 63.840492 63.962777 63.840492 63.962777zM63.840492 63.962777"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/slideout/slideout-1.0.1.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/main.638251f4230630f0335d8c6748e53a96f94b72670920b60c09a56fdc8bece214.js" integrity="sha256-Y4JR9CMGMPAzXYxnSOU6lvlLcmcJILYMCaVv3Ivs4hQ=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/load-photoswipe.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe-ui-default.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
module.exports = (grunt) ->
|
||||
baseStyles = [
|
||||
'src/scss/foundation/bigfoot-variables.scss'
|
||||
'src/scss/foundation/bigfoot-mixins.scss'
|
||||
'src/scss/base/bigfoot-button.scss'
|
||||
'src/scss/base/bigfoot-popover.scss'
|
||||
]
|
||||
variants = [
|
||||
'bottom'
|
||||
'number'
|
||||
]
|
||||
|
||||
concatSet =
|
||||
options:
|
||||
stripBanners: true
|
||||
banner: "// <%= pkg.name %> - v<%= pkg.version %> - <%= grunt.template.today('yyyy.mm.dd') %>\n\n\n"
|
||||
separator: "\n\n\n// -----\n\n\n"
|
||||
|
||||
main:
|
||||
src: baseStyles
|
||||
dest: 'dist/bigfoot-default.scss'
|
||||
|
||||
sassSet = 'dist/bigfoot-default.css': 'dist/bigfoot-default.scss'
|
||||
autoprefixSet = 'dist/bigfoot-default.css': 'dist/bigfoot-default.css'
|
||||
|
||||
variants.forEach (variant) ->
|
||||
css = "dist/bigfoot-#{variant}.css"
|
||||
scss = css.replace('.css', '.scss')
|
||||
src = scss.replace('dist/', 'src/scss/variants/')
|
||||
conc = baseStyles.slice(0)
|
||||
conc.push src
|
||||
concatSet[variant] =
|
||||
src: conc
|
||||
dest: scss
|
||||
|
||||
sassSet[css] = scss
|
||||
autoprefixSet[css] = css
|
||||
|
||||
|
||||
# 1. CONFIG
|
||||
grunt.initConfig
|
||||
pkg: grunt.file.readJSON('package.json')
|
||||
|
||||
uglify:
|
||||
build:
|
||||
src: 'dist/bigfoot.js'
|
||||
dest: 'dist/bigfoot.min.js'
|
||||
|
||||
concat: concatSet
|
||||
|
||||
coffee:
|
||||
dist:
|
||||
src: 'src/coffee/bigfoot.coffee'
|
||||
dest: 'dist/bigfoot.js'
|
||||
|
||||
sass:
|
||||
dist:
|
||||
options:
|
||||
style: 'expanded'
|
||||
|
||||
files: sassSet
|
||||
|
||||
autoprefixer:
|
||||
dist:
|
||||
files: autoprefixSet
|
||||
|
||||
watch:
|
||||
options:
|
||||
livereload: false
|
||||
|
||||
coffee:
|
||||
files: ['src/coffee/bigfoot.coffee']
|
||||
tasks: ['coffee', 'uglify']
|
||||
options:
|
||||
spawn: false
|
||||
|
||||
scss:
|
||||
files: ['src/**/*.scss']
|
||||
tasks: [
|
||||
'concat'
|
||||
'sass'
|
||||
'autoprefixer'
|
||||
]
|
||||
options:
|
||||
spawn: false
|
||||
|
||||
|
||||
# 2. TASKS
|
||||
require('load-grunt-tasks') grunt
|
||||
|
||||
# 3. PERFORM
|
||||
grunt.registerTask 'default', [
|
||||
'coffee'
|
||||
'uglify'
|
||||
'concat'
|
||||
'sass'
|
||||
'autoprefixer'
|
||||
]
|
||||
|
||||
grunt.registerTask 'styles', [
|
||||
'concat'
|
||||
'sass'
|
||||
'autoprefixer'
|
||||
]
|
||||
|
||||
grunt.registerTask 'scripts', [
|
||||
'coffee'
|
||||
'uglify'
|
||||
]
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2013-2014 Chris Sauve
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
# bigfoot.js
|
||||
|
||||
by [Chris Sauve](http://cmsauve.com/projects)
|
||||
|
||||
Bigfoot is a jQuery plugin that creates exceptional footnotes. Simply include the code on your pages and footnotes will be detected automatically and improved in the following ways:
|
||||
|
||||
- Links to footnotes will be replaced with clickable/ tappable buttons, making them substantially easier to hit.
|
||||
|
||||
- Footnote content will appear in a popover directly beside the footnote button when it is clicked/ tapped, which cuts out the annoying bouncing around the page that footnotes typically result in.
|
||||
|
||||
- The active popovers will be resized and repositioned to ensure that they continue to be completely visible on-screen and aesthetically pleasing: this makes it perfect for mobile devices and responsive designs.
|
||||
|
||||
This project includes both the script itself and a default style to apply to the footnote button/ content that are eventually generated. There are also a variety of additional styles that illustrate some of the possibilities for styling these components.
|
||||
|
||||
The script has many configurable options from having popovers instantiated on hover, to allowing multiple active footnotes, to setting specific timeouts for popover creation/ deletion. It also returns an object that allows you to activate, remove, add breakpoints, and reposition popovers properly. All of these options and return functions are shown in detail at the script's [project page](http://www.bigfootjs.com/). You can also see a [demo of the project in action](http://www.bigfootjs.com/#demo) on the same page.
|
||||
|
||||
Requires jQuery 1.7+ at a minimum (for `.on()`) and jQuery 1.8+ for full functionality (1.8 automatically prefixes the `transform`/ `transition` properties).
|
||||
|
||||
*Note:* Bigfoot is currently incompatible with jQuery 3.0+ (see [#54](https://github.com/lemonmade/bigfoot/issues/54))
|
||||
|
||||
Questions? Issues? Feature requests? Check out the [Github page](https://github.com/lemonmade/bigfoot) for this project.
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
{
|
||||
"name": "bigfoot",
|
||||
"main": "src/coffee/bigfoot.coffee",
|
||||
"version": "2.1.4",
|
||||
"homepage": "http://www.bigfootjs.com",
|
||||
"authors": [
|
||||
"Chris Sauve <chris@pxldot.com>"
|
||||
],
|
||||
"description": "A jQuery plugin for creating exceptional HTML footnotes.",
|
||||
"keywords": [
|
||||
"jquery",
|
||||
"plugin",
|
||||
"footnotes",
|
||||
"footnote",
|
||||
"bigfoot",
|
||||
"popover"
|
||||
],
|
||||
"license": "MIT",
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"test",
|
||||
"tests",
|
||||
"links",
|
||||
"utils",
|
||||
"Gruntfile.js",
|
||||
"readme-dev.md",
|
||||
"package.json"
|
||||
],
|
||||
"dependencies": {
|
||||
"jquery": ">= 1.8.0"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
# 2.0.0
|
||||
- Removed the `positionNextToBlock` option that allowed you to set where the popover would be appended to. Since the popovers now use absolute positioning, the popover element will always be appended to the `.footnote-container` element that also holds the button. Removed `appendPopoversTo` property for the same reasons.
|
||||
- Added the `maxWidthRelativeTo` option. Because the popovers now use absolute positioning relative to the container of the footnote button, `max-width` declarations with percentages will not yield the result they used to (when popovers could be appended to any element). By default, max-width declarations in set in percentages will be sized by the script relative to the viewport. If you specify an element or selector for `maxWidthRelativeTo`, that element's width will instead be used to size the popover (unless the viewport is smaller than the specified element, in which case the viewport will still be used to prevent any part of the footnote from going off-screen). For example, if you specify `.main-content` for the `maxWidthRelativeTo` property, the script will measure this element's width, take the smaller of it and the viewport's width (`window.innerWidth`), and multiply the percentage value from your CSS times the result to calculate the max-width of the popover. A bit convoluted, but necessary to allow for better performance and to prevent issues where fixed positioning can't be used (i.e., zoomed in on mobile browsers).
|
||||
- Updated popover styles to support the new positioning/ sizing algorythm.
|
||||
|
||||
# 2.0.1
|
||||
- Fixed an issue where only the first escaped tag would be rendered properly.
|
||||
|
||||
# 2.0.2
|
||||
- Fixed an issue where text-indent would cause popover elements to be misalligned.
|
||||
|
||||
# 2.0.3
|
||||
- Added a second argument (`$button`) to the `activateCallback` setting to allow users to access the footnote button (most notably, the footnote's `data` attributes) in their callbacks.
|
||||
|
||||
# 2.0.4
|
||||
- Fixed line height issues on the standard themes.
|
||||
|
||||
# 2.1.0
|
||||
- Rewrote the script with Coffeescript and cleaned up a lot of cruft that had formed.
|
||||
- Rewrote the markup for footnotes and popovers with a BEM-style syntax.
|
||||
- Major re-work of the framework for creating styles, hopefully leading to more maintainable stylesheets in the future.
|
||||
- Got rid of the more theme-ey footnote/ markup files in exchage for the three basics: ellipse button/ tooltip popover, number button/ tooltip popover, and ellipse button/ bottom-fixed popover.
|
||||
|
||||
# 2.1.1
|
||||
- Added new options. `anchorPattern`, `anchorParentTagname`, `footnoteTagname` and `footnoteParentClass` allow Bigfoot to work with a wider range of potential HTML structures (thanks to [brunob](https://github.com/brunob) for the original implementation).
|
||||
- Did some minor style changes to help me to maintain the code better.
|
||||
|
||||
# 2.1.2
|
||||
- Fixed a bug with scroll calculation in IE 11 (thanks [Dave](https://github.com/lemonmade/bigfoot/issues/36)!)
|
||||
- Made the button variables `!default` so that they are more easy to customize (thanks again, [Dave](https://github.com/lemonmade/bigfoot/issues/35)!)
|
||||
- Added the `dist` folder back — I want people to be able to grab them if needed, and they need to be in for Bower.
|
||||
|
||||
# 2.1.3
|
||||
- Removed escaped double quotes from double quoted strings to help minifiers not freak out.
|
||||
|
||||
# 2.1.4
|
||||
- Adds a substitution for single quotes in original footnote contents.
|
||||
|
|
@ -0,0 +1,337 @@
|
|||
.bigfoot-footnote__button {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
top: -0.1em;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
display: inline-block;
|
||||
padding: 0.35em;
|
||||
margin: 0 0.1em 0 0.2em;
|
||||
border: none;
|
||||
border-radius: 0.3em;
|
||||
cursor: pointer;
|
||||
background-color: rgba(110, 110, 110, 0.2);
|
||||
-webkit-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
font-size: 1rem;
|
||||
line-height: 0;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-transition-property: background-color;
|
||||
transition-property: background-color;
|
||||
-webkit-transition-duration: 0.25s;
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button:hover,
|
||||
.bigfoot-footnote__button:focus {
|
||||
outline: none;
|
||||
background-color: rgba(110, 110, 110, 0.5);
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button:active {
|
||||
background-color: rgba(110, 110, 110, 0.5);
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button.is-active {
|
||||
background-color: #6e6e6e;
|
||||
-webkit-transition-delay: 0.1s;
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button__circle {
|
||||
display: inline-block;
|
||||
width: 0.25em;
|
||||
height: 0.25em;
|
||||
margin-right: 0.25em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button__circle:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__container {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
@media not print {
|
||||
.footnote-print-only {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
.bigfoot-footnote,
|
||||
.bigfoot-footnote__button {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bigfoot-footnote {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
max-width: 90%;
|
||||
margin: 1.96924em 0;
|
||||
background: #fafafa;
|
||||
opacity: 0;
|
||||
border-radius: 0.5em;
|
||||
border: 1px solid #c3c3c3;
|
||||
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
line-height: 0;
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
-webkit-transition-duration: 0.25s;
|
||||
transition-duration: 0.25s;
|
||||
-webkit-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
-webkit-transform: scale(0.1) translateZ(0);
|
||||
-ms-transform: scale(0.1) translateZ(0);
|
||||
transform: scale(0.1) translateZ(0);
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-ms-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-positioned-top {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-active {
|
||||
-webkit-transform: scale(1) translateZ(0);
|
||||
-ms-transform: scale(1) translateZ(0);
|
||||
transform: scale(1) translateZ(0);
|
||||
opacity: 0.97;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
left: 0;
|
||||
right: auto;
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
border-width: 1px 0 0;
|
||||
-webkit-transition: -webkit-transform 0.3s ease;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed.is-active {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__wrapper {
|
||||
margin: 0 0 0 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__wrapper,
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__tooltip {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0.3375em;
|
||||
left: 0.3375em;
|
||||
z-index: 14;
|
||||
display: block;
|
||||
height: 0.78125em;
|
||||
width: 0.625em;
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTIgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDExLjUiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNy41IEw1LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsNy41IEw5LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover;
|
||||
opacity: 0.1;
|
||||
transition-properties: opacity;
|
||||
-webkit-transition-duration: 0.25s;
|
||||
transition-duration: 0.25s;
|
||||
-webkit-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:before,
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 12;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:before {
|
||||
top: -1px;
|
||||
height: 1.1em;
|
||||
border-radius: 0.5em 0.5em 0 0;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(rgba(250, 250, 250, 0)));
|
||||
background-image: -webkit-linear-gradient(top, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
background-image: linear-gradient(to bottom, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:after {
|
||||
bottom: -1px;
|
||||
height: 1.2em;
|
||||
border-radius: 0 0 0.5em 0.5em;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#fafafa), to(rgba(250, 250, 250, 0)));
|
||||
background-image: -webkit-linear-gradient(bottom, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
background-image: linear-gradient(to top, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable ::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-fully-scrolled:after,
|
||||
.bigfoot-footnote.is-fully-scrolled:before {
|
||||
opacity: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
position: relative;
|
||||
z-index: 14;
|
||||
width: 22em;
|
||||
display: inline-block;
|
||||
-webkit-box-sizing: inherit;
|
||||
-moz-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
background-color: #fafafa;
|
||||
border-radius: 0.5em;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content {
|
||||
position: relative;
|
||||
z-index: 8;
|
||||
display: inline-block;
|
||||
max-height: 15em;
|
||||
padding: 1.1em 1.3em 1.2em;
|
||||
-webkit-box-sizing: inherit;
|
||||
-moz-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
background: #fafafa;
|
||||
border-radius: 0.5em;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content *:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content *:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
position: absolute;
|
||||
z-index: 12;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin-left: -0.65em;
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
background: #fafafa;
|
||||
border: 1px solid #c3c3c3;
|
||||
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
|
||||
.is-positioned-bottom .bigfoot-footnote__tooltip {
|
||||
top: -0.65em;
|
||||
}
|
||||
|
||||
.is-positioned-top .bigfoot-footnote__tooltip {
|
||||
bottom: -0.65em;
|
||||
}
|
||||
|
||||
.bigfoot-footnote {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
left: 0;
|
||||
right: auto;
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
border-width: 1px 0 0;
|
||||
-webkit-transition: -webkit-transform 0.3s ease;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-active {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
margin: 0 0 0 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper,
|
||||
.bigfoot-footnote__content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=bigfoot-bottom.css.map */
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAgMA,yBAA0B;EAExB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,CAAC;EACV,GAAG,EAzFmC,MAAM;EA4F5C,UAAU,EAAE,UAAU;EACtB,eAAe,EAAE,UAAU;EAC3B,OAAO,EAAE,YAAY;EACrB,OAAO,EA1E2B,MAAyB;EA2E3D,MAAM,EAAE,eAA4C;EAGpD,MAAM,EAAE,IAAI;EACZ,aAAa,EAvGyB,KAAK;EAwG3C,MAAM,EAAE,OAAO;EACf,gBAAgB,EAAE,wBAA6C;EAC/D,mBAAmB,EAAE,MAAM;EAG3B,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,CAAC;EACd,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,IAAI;EACrB,sBAAsB,EAAE,WAAW;EAGnC,mBAAmB,EA3Fe,gBAAgB;EA4FlD,mBAAmB,EAvJ4B,KAAK;;AAyJpD,gEACQ;EACN,OAAO,EAAE,IAAI;EACb,gBAAgB,EAAE,wBAAoD;;AAGxE,gCAAS;EACP,gBAAgB,EAAE,wBAA0D;;AAG9E,mCAAY;EACV,gBAAgB,EAAE,OAAkD;EACpE,gBAAgB,EArHoB,IAAI;;AAyH1C,+BAAQ;EACN,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,IAAI;;;AA0Bf,iCAAkC;EAEhC,OAAO,EAAE,YAAY;EACrB,KAAK,EAxKiC,MAAM;EAyK5C,MAAM,EAzKgC,MAAM;EA0K5C,YAAY,EArK0B,MAA2B;EAsKjE,KAAK,EAAE,IAAI;;AAGX,4CAAa;EAAE,YAAY,EAAE,CAAC;;;AA2BhC,4BAA6B;EAC3B,OAAO,EAAE,YAAY;EACrB,QAAQ,EAAE,QAAQ;EAClB,WAAW,EAAE,CAAC;;;AA7JZ,gBAAiB;EACb,oBAAqB;IACjB,OAAO,EAAE,eAAe;;;AAIhC,YAAa;EACT;2BAC0B;IACtB,OAAO,EAAE,eAAe;;;AAiNpC,iBAAkB;EAEhB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EA5TwC,EAAE;EA6TjD,GAAG,EAAE,CAAC;EAAE,IAAI,EAAE,CAAC;EAGf,OAAO,EAAE,YAAY;EACrB,UAAU,EAAE,UAAU;EAEtB,SAAS,EAnW6B,GAAG;EAqWzC,MAAM,EAAE,WAAqF;EAI7F,UAAU,EAjUqC,OAAyB;EAkUxE,OAAO,EArW+B,CAAC;EAsWvC,aAAa,EAxWyB,KAAK;EAyW3C,MAAM,EAxWgC,iBAA6B;EAyWnE,UAAU,EAtW4B,8BAA+B;EAyWrE,WAAW,EAAE,CAAC;EAGd,mBAAmB,EAhU4B,kBAAkB;EAiUjE,mBAAmB,EArU4B,KAAK;EAsUpD,0BAA0B,EA/TqB,IAAI;EAkUnD,SAAS,EA1W6B,wBAAyB;EA2W/D,gBAAgB,EAxV+B,KAAM;;AA0VrD,mCAAoB;EAClB,GAAG,EAAE,IAAI;EACT,MAAM,EAAE,CAAC;;AAGX,2BAAY;EACV,SAAS,EAlX2B,sBAAuB;EAmX3D,OAAO,EA5X6B,IAAI;;AA+X1C,iCAAkB;EAEhB,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,CAAC;EAAE,GAAG,EAAE,IAAI;EACpB,IAAI,EAAE,CAAC;EAAE,KAAK,EAAE,IAAI;EACpB,SAAS,EAAE,gBAAgB;EAG3B,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,CAAC;EAGT,aAAa,EAAE,CAAC;EAChB,OAAO,EAAE,CAAC;EACV,YAAY,EAAE,OAAO;EAGrB,UAAU,EAAE,mBAAmB;;AAE/B,2CAAY;EACV,SAAS,EAAE,aAAa;;AAG1B,4DAA2B;EACzB,MAAM,EAAE,SAAS;EACjB,SAAS,EAAE,gBAAgB;EAC3B,SAAS,EAAE,IAAI;;AAGjB;4DAC2B;EACzB,aAAa,EAAE,CAAC;;AAGlB,4DAA2B;EACzB,OAAO,EAAE,IAAI;;AAMf,qCAAQ;EAEN,OAAO,EAAE,EAAE;EAGX,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAxYuC,QAA4E;EAyYzH,IAAI,EAzYyC,QAA4E;EA0YzH,OAAO,EAAE,EAAsB;EAG/B,OAAO,EAAE,KAAK;EACd,MAAM,EAAE,SAAwE;EAChF,KAAK,EAhb6B,OAAO;EAmbzC,gBAAgB,EAzakB,q7BAAq7B;EA0av9B,eAAe,EAAE,KAAK;EACtB,OAAO,EAnb2B,GAAG;EAobrC,qBAAqB,EAjZsB,OAAO;EAkZlD,mBAAmB,EAnZwB,KAAK;EAoZhD,0BAA0B,EA7YiB,IAAI;;AAiZ/C,mIACQ;EACN,OAAO,EAAE,EAAE;EACX,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EAEX,OAAO,EAAE,EAAsB;EAC/B,IAAI,EAAE,CAAC;;AAGT,iEAAS;EACP,GAAG,EAAE,IAAI;EACT,MAAM,EArbmC,KAAK;EAsb9C,aAAa,EAAE,eAAiD;EAChE,gBAAgB,EAAE,oEAAsJ;;AAG1K,gEAAQ;EACN,MAAM,EAAE,IAAI;EACZ,MAAM,EA3bmC,KAAK;EA4b9C,aAAa,EAAE,eAAiD;EAChE,gBAAgB,EAAE,iEAAmJ;;AAIzK,mDAAoB;EAAE,OAAO,EAAE,IAAI;;AAInC,qFACS;EACP,OAAO,EAAE,CAAC;EACV,gBAAgB,EAAE,CAAC;;;AAezB,0BAA2B;EAEzB,QAAQ,EAAE,QAAQ;EAElB,OAAO,EAAE,EAAsB;EAG/B,KAAK,EA9fiC,IAAI;EA+f1C,OAAO,EAAE,YAAY;EACrB,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,MAAM;EAChB,MAAM,EAAE,CAAC;EAGT,gBAAgB,EA5d+B,OAAyB;EA6dxE,aAAa,EAlgByB,KAAK;EAqgB3C,WAAW,EAAE,CAAC;;;AAahB,0BAA2B;EAEzB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,CAAsB;EAG/B,OAAO,EAAE,YAAY;EACrB,UAAU,EA3hB4B,IAAI;EA4hB1C,OAAO,EAAE,iBAAgG;EACzG,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,IAAI;EACd,0BAA0B,EAAE,KAAK;EAGjC,UAAU,EA3fqC,OAAyB;EA4fxE,aAAa,EA/fkC,KAAsB;EAkgBrE,sBAAsB,EAAE,oBAAoB;EAC5C,WAAW,EAAE,MAAM;;AAGnB,8BAAI;EAAE,SAAS,EAAE,IAAI;;AACrB,uCAAa;EAAE,aAAa,EAAE,YAAY;;AAC1C,wCAAc;EAAE,UAAU,EAAE,YAAY;;;AAW1C,0BAA2B;EAEzB,QAAQ,EAAE,QAAQ;EAElB,OAAO,EAAE,EAAsB;EAG/B,UAAU,EAAE,UAAU;EACtB,WAAW,EAAE,OAA8B;EAE3C,KAAK,EAxjBiC,KAAK;EAyjB3C,MAAM,EAzjBgC,KAAK;EA0jB3C,SAAS,EAAE,aAAa;EAGxB,UAAU,EA/hBqC,OAAyB;EAgiBxE,MAAM,EApkBgC,iBAA6B;EAqkBnE,UAAU,EAlkB4B,8BAA+B;EAmkBrE,sBAAsB,EAjiByB,CAAC;;AAmiBhD,gDAAwB;EACtB,GAAG,EAAE,OAA8B;;AAGrC,6CAAqB;EACnB,MAAM,EAAE,OAA8B;;;AAiC1C,iBAAkB;EAEhB,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,CAAC;EAAE,GAAG,EAAE,IAAI;EACpB,IAAI,EAAE,CAAC;EAAE,KAAK,EAAE,IAAI;EACpB,SAAS,EAAE,gBAAgB;EAG3B,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,CAAC;EAGT,aAAa,EAAE,CAAC;EAChB,OAAO,EAAE,CAAC;EACV,YAAY,EAAE,OAAO;EAGrB,UAAU,EAAE,mBAAmB;;AAE/B,2BAAY;EACV,SAAS,EAAE,aAAa;;;AAI5B,0BAA2B;EACzB,MAAM,EAAE,SAAS;EACjB,SAAS,EAAE,gBAAgB;EAC3B,SAAS,EAAE,IAAI;;;AAGjB;0BAC2B;EACzB,aAAa,EAAE,CAAC;;;AAGlB,0BAA2B;EACzB,OAAO,EAAE,IAAI",
|
||||
"sources": ["bigfoot-bottom.scss"],
|
||||
"names": [],
|
||||
"file": "bigfoot-bottom.css"
|
||||
}
|
||||
|
|
@ -0,0 +1,687 @@
|
|||
// bigfoot - v2.1.4 - 2016.02.11
|
||||
|
||||
|
||||
// ___ ___ ___ ___ ___ ___
|
||||
// / /\ / /\ / /\ / /\ ___ / /\ / /\
|
||||
// / /::\ / /::\ / /::\ / /::\ /__/\ / /:/_ / /::\
|
||||
// / /:/\:\ / /:/\:\ / /:/\:\ / /:/\:\ \ \:\ / /:/ /\ / /:/\:\
|
||||
// / /:/~/:// /:/ \:\ / /:/~/:// /:/ \:\ \ \:\ / /:/ /:/_ / /:/~/:/
|
||||
// /__/:/ /://__/:/ \__\:\/__/:/ /://__/:/ \__\:\ ___ \__\:\/__/:/ /:/ /\/__/:/ /:/___
|
||||
// \ \:\/:/ \ \:\ / /:/\ \:\/:/ \ \:\ / /://__/\ | |:|\ \:\/:/ /:/\ \:\/:::::/
|
||||
// \ \::/ \ \:\ /:/ \ \::/ \ \:\ /:/ \ \:\| |:| \ \::/ /:/ \ \::/~~~~
|
||||
// \ \:\ \ \:\/:/ \ \:\ \ \:\/:/ \ \:\__|:| \ \:\/:/ \ \:\
|
||||
// \ \:\ \ \::/ \ \:\ \ \::/ \__\::::/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ ~~~~ \__\/ \__\/
|
||||
//
|
||||
// These are the key variables for styling the popover.
|
||||
// Just set the variable to none if you don't want that styling.
|
||||
|
||||
// KEY VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
// STYLES
|
||||
$popover-width: 22em !default; // Ideal width of the popover
|
||||
$popover-max-width: 90% !default; // Best as a % to accommodate smaller viewports
|
||||
$popover-max-height: 15em !default; // Maximum size of the content area
|
||||
$popover-color-background: rgb(250, 250, 250) !default; // Color of the popover background
|
||||
$popover-border-radius: 0.5em !default; // Radius of the corners of the popover
|
||||
$popover-border: 1px solid rgb(195, 195, 195) !default; // Border of the popover/ tooltip
|
||||
$popover-inactive-opacity: 0 !default; // Opacity of the popover when instantiated/ deactivating
|
||||
$popover-active-opacity: 0.97 !default; // Opacity of the popover when active
|
||||
$popover-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) !default; // Sets the box shadow under the popover/ tooltip
|
||||
$popover-bottom-position: auto !default; // Sets the bottom position of the popover. Use only when setting positionPopover to false in the script
|
||||
$popover-left-position: auto !default; // Sets the left position of the popover. Use only when setting positionPopover to false in the script
|
||||
$popover-tooltip-size: 1.3em !default; // Sets the side lengths of the tooltip
|
||||
$popover-scroll-indicator-width: 0.625em !default; // The width of the scroll indicator
|
||||
$popover-scroll-indicator-aspect-ratio: (15/12) !default; // The ratio of the height over the width of the scroll indicator
|
||||
$popover-scroll-indicator-opacity: 0.1 !default; // The active opacity of scroll indicators
|
||||
$popover-initial-transform-state: scale(0.1) translateZ(0) !default; // The inital transform state for the popover
|
||||
$popover-active-transform-state: scale(1) translateZ(0) !default; // The transform state for the popover once it is fully activated
|
||||
|
||||
// OPTIONAL ELEMENTS
|
||||
$popover-include-tooltip: true !default; // Adds a tooltip pointing to the footnote button
|
||||
$popover-include-scroll-indicator: true !default; // Adds an elipsis at the bottom of scrollable popovers
|
||||
$popover-include-scrolly-fades: true !default; // Fades content in on scrollable popovers
|
||||
$popover-scroll-indicator-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTIgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDExLjUiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNy41IEw1LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsNy41IEw5LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=") !default;
|
||||
|
||||
|
||||
// OTHER VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
// POPOVER
|
||||
$popover-margin-top: 0.1em !default;
|
||||
$popover-padding-content-horizontal: 1.3em !default;
|
||||
$popover-padding-content-top: 1.1em !default;
|
||||
$popover-padding-content-bottom: 1.2em !default;
|
||||
$popover-z-index: 10 !default; // Set the base so that it's above the other body children
|
||||
$popover-initial-transform-origin: 50% 0 !default;
|
||||
|
||||
// POPOVER CONTENT WRAPPER
|
||||
$popover-content-color-background: $popover-color-background !default;
|
||||
$popover-content-border-radius: $popover-border-radius !default;
|
||||
|
||||
// OTHER POPOVER ELEMENTS
|
||||
$popover-tooltip-background: $popover-color-background !default;
|
||||
$popover-tooltip-radius: 0 !default;
|
||||
$popover-scroll-indicator-bottom-position: 0.45em !default;
|
||||
$popover-scrolly-fade-gradient-start-location: 50% !default;
|
||||
$popover-scroll-indicator-padding: (($popover-padding-content-horizontal/2) - ($popover-scroll-indicator-width/2)) !default;
|
||||
|
||||
// TRANSITIONS
|
||||
$popover-transition-default-duration: 0.25s !default;
|
||||
$popover-scroll-indicator-transition-properties: opacity !default;
|
||||
|
||||
// Use none for areas you don't want to transition
|
||||
$popover-transition-properties: opacity, transform !default; // no mixin to do proper prefixing of the transform, so I have to do it manually; see mixin below
|
||||
$popover-scroll-indicator-transition-properties: opacity !default;
|
||||
$popover-scroll-up-transition-delay: 0.4s !default; // Sets the delay for the transition of the scroll indicator when scrolling upwards
|
||||
$popover-transition-default-timing-function: ease !default;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// _____ /__/\ ___ ___ / /\ /__/\
|
||||
// / /::\ \ \:\ / /\ / /\ / /::\ \ \:\
|
||||
// / /:/\:\ \ \:\ / /:/ / /:/ / /:/\:\ \ \:\
|
||||
// / /:/~/::\ ___ \ \:\ / /:/ / /:/ / /:/ \:\ _____\__\:\
|
||||
// /__/:/ /:/\:|/__/\ \__\:\ / /::\ / /::\ /__/:/ \__\:\/__/::::::::\
|
||||
// \ \:\/:/~/:/\ \:\ / /://__/:/\:\ /__/:/\:\\ \:\ / /:/\ \:\~~\~~\/
|
||||
// \ \::/ /:/ \ \:\ /:/ \__\/ \:\\__\/ \:\\ \:\ /:/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\/:/ \ \:\
|
||||
// \ \::/ \ \::/ \__\/ \__\/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/
|
||||
//
|
||||
// These are the key variables for styling the button.
|
||||
// Just set the variable to none if you don't want that styling.
|
||||
|
||||
// KEY VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
$button-height: 0.95em !default; // The total height of the button
|
||||
$button-width: auto !default; // The total button width (applies only if $button-apply-dimensions is true)
|
||||
$button-inner-circle-size: 0.25em !default; // Total height/width of the ellipsis circles
|
||||
$button-border-radius: 0.3em !default; // Border radius on the button itself
|
||||
$button-left-margin: 0.2em !default; // Margin between the button and the text to its left
|
||||
$button-right-margin: 0.1em !default; // Margin between the button and the text to its right
|
||||
$button-vertical-adjust: -0.1em !default; // Pushes the buttons along the vertical axis to align it with text as desired
|
||||
$button-inner-circle-left-margin: 1*$button-inner-circle-size !default; // Space between the ellipsis circles
|
||||
|
||||
$button-color: rgb(110, 110, 110) !default; // Background color of the button
|
||||
$button-hovered-color: $button-color !default; // Background color of the button when being hovered
|
||||
$button-activating-color: $button-color !default; // Background color of the button when being clicked
|
||||
$button-active-color: $button-color !default; // Background color of the button when active
|
||||
$button-standard-opacity: 0.2 !default; // Opacity for when the button is just sittin' there
|
||||
$button-hovered-opacity: 0.5 !default; // Opacity for when the button is being hovered over
|
||||
$button-activating-opacity: $button-hovered-opacity !default; // Opacity for when the button is being clicked
|
||||
$button-active-opacity: 1 !default; // Opacity for when the button is active
|
||||
$button-active-style-delay: 0.1s !default; // Delay before applying .active styles; this can be used to match to the popover activation transition
|
||||
|
||||
$button-inner-circle-color: white !default; // Background color of the ellipsis circle
|
||||
$button-inner-circle-border: none !default; // Border of the ellipsis circle
|
||||
|
||||
|
||||
// OTHER VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
$button-total-padding: $button-height - $button-inner-circle-size !default;
|
||||
$button-per-side-padding: 0.5*$button-total-padding !default;
|
||||
$button-transition-properties: background-color !default;
|
||||
|
||||
|
||||
|
||||
// -----
|
||||
|
||||
|
||||
// ___ ___ ___ ___
|
||||
// /__/\ ___ /__/| ___ /__/\ / /\
|
||||
// | |::\ / /\ | |:| / /\ \ \:\ / /:/_
|
||||
// | |:|:\ / /:/ | |:| / /:/ \ \:\ / /:/ /\
|
||||
// __|__|:|\:\ /__/::\ __|__|:| /__/::\ _____\__\:\ / /:/ /::\
|
||||
// /__/::::| \:\\__\/\:\__/__/::::\____\__\/\:\__ /__/::::::::\/__/:/ /:/\:\
|
||||
// \ \:\~~\__\/ \ \:\/\ ~\~~\::::/ \ \:\/\\ \:\~~\~~\/\ \:\/:/~/:/
|
||||
// \ \:\ \__\::/ |~~|:|~~ \__\::/ \ \:\ ~~~ \ \::/ /:/
|
||||
// \ \:\ /__/:/ | |:| /__/:/ \ \:\ \__\/ /:/
|
||||
// \ \:\ \__\/ | |:| \__\/ \ \:\ /__/:/
|
||||
// \__\/ |__|/ \__\/ \__\/
|
||||
|
||||
@mixin print-styles {
|
||||
// These styles restore the original footnote numbers and texts when the page is printed
|
||||
@media not print {
|
||||
.footnote-print-only {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
.bigfoot-footnote,
|
||||
.bigfoot-footnote__button {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// -----
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// _____ /__/\ ___ ___ / /\ /__/\
|
||||
// / /::\ \ \:\ / /\ / /\ / /::\ \ \:\
|
||||
// / /:/\:\ \ \:\ / /:/ / /:/ / /:/\:\ \ \:\
|
||||
// / /:/~/::\ ___ \ \:\ / /:/ / /:/ / /:/ \:\ _____\__\:\
|
||||
// /__/:/ /:/\:|/__/\ \__\:\ / /::\ / /::\ /__/:/ \__\:\/__/::::::::\
|
||||
// \ \:\/:/~/:/\ \:\ / /://__/:/\:\ /__/:/\:\\ \:\ / /:/\ \:\~~\~~\/
|
||||
// \ \::/ /:/ \ \:\ /:/ \__\/ \:\\__\/ \:\\ \:\ /:/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\/:/ \ \:\
|
||||
// \ \::/ \ \::/ \__\/ \__\/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// The button that activates the footnote. By default, this will appear as a
|
||||
// flat button that has an ellipse contained inside of it.
|
||||
|
||||
// @state .is-active - The associated popover has been activated and is visible.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__button {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
top: $button-vertical-adjust;
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;;
|
||||
display: inline-block;
|
||||
padding: $button-per-side-padding;
|
||||
margin: 0 $button-right-margin 0 $button-left-margin;
|
||||
|
||||
// BACKDROP
|
||||
border: none;
|
||||
border-radius: $button-border-radius;
|
||||
cursor: pointer;
|
||||
background-color: rgba($button-color, $button-standard-opacity);
|
||||
backface-visibility: hidden;
|
||||
|
||||
// TEXT
|
||||
font-size: 1rem;
|
||||
line-height: 0;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
// TRANSITIONS
|
||||
transition-property: $button-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: none;
|
||||
background-color: rgba($button-hovered-color, $button-hovered-opacity);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: rgba($button-activating-color, $button-activating-opacity);
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
background-color: rgba($button-active-color, $button-active-opacity);
|
||||
transition-delay: $button-active-style-delay;
|
||||
}
|
||||
|
||||
// Clearfix
|
||||
&:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// _____ ___ ___
|
||||
// / /::\ / /\ ___ / /\
|
||||
// / /:/\:\ / /::\ / /\ / /:/_
|
||||
// / /:/ \:\ / /:/\:\ / /:/ / /:/ /\
|
||||
// /__/:/ \__\:| / /:/ \:\ / /:/ / /:/ /::\
|
||||
// \ \:\ / /://__/:/ \__\:\ / /::\ /__/:/ /:/\:\
|
||||
// \ \:\ /:/ \ \:\ / /://__/:/\:\\ \:\/:/~/:/
|
||||
// \ \:\/:/ \ \:\ /:/ \__\/ \:\\ \::/ /:/
|
||||
// \ \::/ \ \:\/:/ \ \:\\__\/ /:/
|
||||
// \__\/ \ \::/ \__\/ /__/:/
|
||||
// \__\/ \__\/
|
||||
|
||||
//*
|
||||
// Each of the three circles forming the ellipse within the button.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__button__circle {
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
width: $button-inner-circle-size;
|
||||
height: $button-inner-circle-size;
|
||||
margin-right: $button-inner-circle-left-margin;
|
||||
float: left;
|
||||
|
||||
// Gets rid of margin on the last circle
|
||||
&:last-child { margin-right: 0; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___ ___ ___
|
||||
// / /\ / /\ /__/\ ___ / /\ ___ /__/\
|
||||
// / /:/ / /::\ \ \:\ / /\ / /::\ / /\ \ \:\
|
||||
// / /:/ / /:/\:\ \ \:\ / /:/ / /:/\:\ / /:/ \ \:\
|
||||
// / /:/ ___ / /:/ \:\ _____\__\:\ / /:/ / /:/~/::\ /__/::\ _____\__\:\
|
||||
// /__/:/ / /\/__/:/ \__\:\/__/::::::::\ / /::\ /__/:/ /:/\:\\__\/\:\__ /__/::::::::\
|
||||
// \ \:\ / /:/\ \:\ / /:/\ \:\~~\~~\//__/:/\:\\ \:\/:/__\/ \ \:\/\\ \:\~~\~~\/
|
||||
// \ \:\ /:/ \ \:\ /:/ \ \:\ ~~~ \__\/ \:\\ \::/ \__\::/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\ /__/:/ \ \:\
|
||||
// \ \::/ \ \::/ \ \:\ \__\/ \ \:\ \__\/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
//*
|
||||
// The container for the button and popover. This is required so that the popover
|
||||
// is guaranteed to have a relatively-positioned container, and to help with the
|
||||
// positioning calculation.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__container {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// / /\ / /\ ___ /__/\ ___
|
||||
// / /::\ / /::\ / /\ \ \:\ / /\
|
||||
// / /:/\:\ / /:/\:\ / /:/ \ \:\ / /:/
|
||||
// / /:/~/:// /:/~/:/ /__/::\ _____\__\:\ / /:/
|
||||
// /__/:/ /://__/:/ /:/___\__\/\:\__ /__/::::::::\ / /::\
|
||||
// \ \:\/:/ \ \:\/:::::/ \ \:\/\\ \:\~~\~~\//__/:/\:\
|
||||
// \ \::/ \ \::/~~~~ \__\::/ \ \:\ ~~~ \__\/ \:\
|
||||
// \ \:\ \ \:\ /__/:/ \ \:\ \ \:\
|
||||
// \ \:\ \ \:\ \__\/ \ \:\ \__\/
|
||||
// \__\/ \__\/ \__\/
|
||||
|
||||
@include print-styles;
|
||||
|
||||
|
||||
|
||||
// -----
|
||||
|
||||
|
||||
// ___ ___ ___ ___ ___ ___
|
||||
// / /\ / /\ / /\ / /\ ___ / /\ / /\
|
||||
// / /::\ / /::\ / /::\ / /::\ /__/\ / /:/_ / /::\
|
||||
// / /:/\:\ / /:/\:\ / /:/\:\ / /:/\:\ \ \:\ / /:/ /\ / /:/\:\
|
||||
// / /:/~/:// /:/ \:\ / /:/~/:// /:/ \:\ \ \:\ / /:/ /:/_ / /:/~/:/
|
||||
// /__/:/ /://__/:/ \__\:\/__/:/ /://__/:/ \__\:\ ___ \__\:\/__/:/ /:/ /\/__/:/ /:/___
|
||||
// \ \:\/:/ \ \:\ / /:/\ \:\/:/ \ \:\ / /://__/\ | |:|\ \:\/:/ /:/\ \:\/:::::/
|
||||
// \ \::/ \ \:\ /:/ \ \::/ \ \:\ /:/ \ \:\| |:| \ \::/ /:/ \ \::/~~~~
|
||||
// \ \:\ \ \:\/:/ \ \:\ \ \:\/:/ \ \:\__|:| \ \:\/:/ \ \:\
|
||||
// \ \:\ \ \::/ \ \:\ \ \::/ \__\::::/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ ~~~~ \__\/ \__\/
|
||||
//
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// The popover for the footnote. This popover will be, by default, be sized and positioned
|
||||
// by the script. However, many of the sizes can be established in this stylesheet and
|
||||
// will be respected by the script. `max-width` will limit the width of the popover
|
||||
// relative to the viewport. `width` (on `bigfoot-footnote__wrapper`) will set the
|
||||
// absolute max width. Max height can be set via a `max-height` property
|
||||
// on `bigfoot-footnote__content`.
|
||||
|
||||
// By default, the popover has a light gray background, a shadow for some depth,
|
||||
// rounded corners, and a tooltip pointing to the footnote button.
|
||||
|
||||
// @state .is-active - The popover has been activated and is visible.
|
||||
// @state .is-positioned-top - The popover is above the button.
|
||||
// @state .is-positioned-bottom - The popover is below the button.
|
||||
// @state .is-scrollable - The popover content is greater than the popover height.
|
||||
// @state .is-fully-scrolled - The popover content is scrolled to the bottom.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote {
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
z-index: $popover-z-index;
|
||||
top: 0; left: 0;
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
// Height is set in .footnote-content-wrapper
|
||||
max-width: $popover-max-width;
|
||||
// 1.414213... is to get the diagonal height of the tooltip using pythagorus, yo.
|
||||
margin: ((1.4142135624 * $popover-tooltip-size / 2) + $button-height + $popover-margin-top) 0;
|
||||
// fits the popover to the contents
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-color-background;
|
||||
opacity: $popover-inactive-opacity;
|
||||
border-radius: $popover-border-radius;
|
||||
border: $popover-border;
|
||||
box-shadow: $popover-box-shadow;
|
||||
|
||||
// TEXT
|
||||
line-height: 0;
|
||||
|
||||
// TRANSITIONS
|
||||
transition-property: $popover-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
transition-timing-function: $popover-transition-default-timing-function;
|
||||
|
||||
// TRANSFORMS
|
||||
transform: $popover-initial-transform-state;
|
||||
transform-origin: $popover-initial-transform-origin;
|
||||
|
||||
&.is-positioned-top {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
transform: $popover-active-transform-state;
|
||||
opacity: $popover-active-opacity;
|
||||
}
|
||||
|
||||
&.is-bottom-fixed {
|
||||
// POSITIONING
|
||||
position: fixed;
|
||||
bottom: 0; top: auto;
|
||||
left: 0; right: auto;
|
||||
transform: translateY(100%);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
||||
// BACKDROP
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
border-width: 1px 0 0;
|
||||
|
||||
// TRANSITIONS
|
||||
transition: transform 0.3s ease;
|
||||
|
||||
&.is-active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
margin: 0 0 0 50%;
|
||||
transform: translateX(-50%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper,
|
||||
.bigfoot-footnote__content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-scrollable {
|
||||
// A scrollable indicator in the left margin of the popover.
|
||||
&:after {
|
||||
// CONTENT
|
||||
content: '';
|
||||
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
bottom: $popover-scroll-indicator-padding;
|
||||
left: $popover-scroll-indicator-padding;
|
||||
z-index: ($popover-z-index + 4);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: block;
|
||||
height: ($popover-scroll-indicator-width*$popover-scroll-indicator-aspect-ratio);
|
||||
width: $popover-scroll-indicator-width;
|
||||
|
||||
// BACKDROP
|
||||
background-image: $popover-scroll-indicator-icon;
|
||||
background-size: cover;
|
||||
opacity: $popover-scroll-indicator-opacity;
|
||||
transition-properties: $popover-scroll-indicator-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
transition-timing-function: $popover-transition-default-timing-function;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
// Above the content
|
||||
z-index: ($popover-z-index + 2);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: -1px;
|
||||
height: $popover-padding-content-top;
|
||||
border-radius: $popover-border-radius $popover-border-radius 0 0;
|
||||
background-image: linear-gradient(to bottom, $popover-color-background $popover-scrolly-fade-gradient-start-location, transparentize($popover-color-background, 1) 100%);
|
||||
}
|
||||
|
||||
&:after {
|
||||
bottom: -1px;
|
||||
height: $popover-padding-content-bottom;
|
||||
border-radius: 0 0 $popover-border-radius $popover-border-radius;
|
||||
background-image: linear-gradient(to top, $popover-color-background $popover-scrolly-fade-gradient-start-location, transparentize($popover-color-background, 1) 100%);
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar { display: none; }
|
||||
}
|
||||
|
||||
&.is-fully-scrolled {
|
||||
&:after,
|
||||
&:before {
|
||||
opacity: 0;
|
||||
transition-delay: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// Wraps around the footnote content. This is necessary in order to have an element
|
||||
// above the tooltip and that can provide top and bottom indicators that there is
|
||||
// additional content on scrollable popovers.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
// Above the outer tooltip, below the inner tooltip
|
||||
z-index: ($popover-z-index + 4);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
width: $popover-width;
|
||||
display: inline-block;
|
||||
box-sizing: inherit;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
|
||||
// BACKDROP
|
||||
background-color: $popover-color-background;
|
||||
border-radius: $popover-border-radius;
|
||||
|
||||
// TEXT
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// Contains the actual footnote content. There is very little prescription here
|
||||
// on the footnote content itself, except for removing and top margin on the first
|
||||
// element and bottom margin on the last child.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__content {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
z-index: ($popover-z-index - 2); // Below fading bars
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
max-height: $popover-max-height;
|
||||
padding: $popover-padding-content-top $popover-padding-content-horizontal $popover-padding-content-bottom;
|
||||
box-sizing: inherit;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-content-color-background;
|
||||
border-radius: $popover-content-border-radius;
|
||||
|
||||
// TEXT
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
line-height: normal;
|
||||
|
||||
// INTERIOR ELEMENTS
|
||||
img { max-width: 100%; }
|
||||
*:last-child { margin-bottom: 0 !important; }
|
||||
*:first-child { margin-top: 0 !important; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// A triangular shape pointing towards the footnote button.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
// Above the footnote-main-wrapper and the outer tooltip
|
||||
z-index: ($popover-z-index + 2);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
box-sizing: border-box;
|
||||
margin-left: (-0.5 * $popover-tooltip-size);
|
||||
// Smaller by one border-width's worth
|
||||
width: $popover-tooltip-size;
|
||||
height: $popover-tooltip-size;
|
||||
transform: rotate(45deg);
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-tooltip-background;
|
||||
border: $popover-border;
|
||||
box-shadow: $popover-box-shadow;
|
||||
border-top-left-radius: $popover-tooltip-radius;
|
||||
|
||||
.is-positioned-bottom & {
|
||||
top: (-0.5 * $popover-tooltip-size);
|
||||
}
|
||||
|
||||
.is-positioned-top & {
|
||||
bottom: (-0.5 * $popover-tooltip-size);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// -----
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// _____ / /\ ___ ___ / /\ /__/\
|
||||
// / /::\ / /::\ / /\ / /\ / /::\ | |::\
|
||||
// / /:/\:\ / /:/\:\ / /:/ / /:/ / /:/\:\ | |:|:\
|
||||
// / /:/~/::\ / /:/ \:\ / /:/ / /:/ / /:/ \:\ __|__|:|\:\
|
||||
// /__/:/ /:/\:|/__/:/ \__\:\ / /::\ / /::\ /__/:/ \__\:\/__/::::| \:\
|
||||
// \ \:\/:/~/:/\ \:\ / /://__/:/\:\ /__/:/\:\\ \:\ / /:/\ \:\~~\__\/
|
||||
// \ \::/ /:/ \ \:\ /:/ \__\/ \:\\__\/ \:\\ \:\ /:/ \ \:\
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\/:/ \ \:\
|
||||
// \ \::/ \ \::/ \__\/ \__\/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// A footnote popover that, unlike the default, is not positioned relative to
|
||||
// the button, but instead is positioned at the bottom of the page. This popover
|
||||
// transitions with a simple slide in from the bottom.
|
||||
|
||||
// This style requires that the `positionContent` option of bigfoot is set to false.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote {
|
||||
// POSITIONING
|
||||
position: fixed;
|
||||
bottom: 0; top: auto;
|
||||
left: 0; right: auto;
|
||||
transform: translateY(100%);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
||||
// BACKDROP
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
border-width: 1px 0 0;
|
||||
|
||||
// TRANSITIONS
|
||||
transition: transform 0.3s ease;
|
||||
|
||||
&.is-active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
margin: 0 0 0 50%;
|
||||
transform: translateX(-50%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper,
|
||||
.bigfoot-footnote__content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -0,0 +1,296 @@
|
|||
.bigfoot-footnote__button {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
top: -0.1em;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
display: inline-block;
|
||||
padding: 0.35em;
|
||||
margin: 0 0.1em 0 0.2em;
|
||||
border: none;
|
||||
border-radius: 0.3em;
|
||||
cursor: pointer;
|
||||
background-color: rgba(110, 110, 110, 0.2);
|
||||
-webkit-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
font-size: 1rem;
|
||||
line-height: 0;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-transition-property: background-color;
|
||||
transition-property: background-color;
|
||||
-webkit-transition-duration: 0.25s;
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button:hover,
|
||||
.bigfoot-footnote__button:focus {
|
||||
outline: none;
|
||||
background-color: rgba(110, 110, 110, 0.5);
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button:active {
|
||||
background-color: rgba(110, 110, 110, 0.5);
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button.is-active {
|
||||
background-color: #6e6e6e;
|
||||
-webkit-transition-delay: 0.1s;
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button__circle {
|
||||
display: inline-block;
|
||||
width: 0.25em;
|
||||
height: 0.25em;
|
||||
margin-right: 0.25em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button__circle:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__container {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
@media not print {
|
||||
.footnote-print-only {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
.bigfoot-footnote,
|
||||
.bigfoot-footnote__button {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bigfoot-footnote {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
max-width: 90%;
|
||||
margin: 1.96924em 0;
|
||||
background: #fafafa;
|
||||
opacity: 0;
|
||||
border-radius: 0.5em;
|
||||
border: 1px solid #c3c3c3;
|
||||
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
line-height: 0;
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
-webkit-transition-duration: 0.25s;
|
||||
transition-duration: 0.25s;
|
||||
-webkit-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
-webkit-transform: scale(0.1) translateZ(0);
|
||||
-ms-transform: scale(0.1) translateZ(0);
|
||||
transform: scale(0.1) translateZ(0);
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-ms-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-positioned-top {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-active {
|
||||
-webkit-transform: scale(1) translateZ(0);
|
||||
-ms-transform: scale(1) translateZ(0);
|
||||
transform: scale(1) translateZ(0);
|
||||
opacity: 0.97;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
left: 0;
|
||||
right: auto;
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
border-width: 1px 0 0;
|
||||
-webkit-transition: -webkit-transform 0.3s ease;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed.is-active {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__wrapper {
|
||||
margin: 0 0 0 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__wrapper,
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__tooltip {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0.3375em;
|
||||
left: 0.3375em;
|
||||
z-index: 14;
|
||||
display: block;
|
||||
height: 0.78125em;
|
||||
width: 0.625em;
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTIgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDExLjUiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNy41IEw1LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsNy41IEw5LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover;
|
||||
opacity: 0.1;
|
||||
transition-properties: opacity;
|
||||
-webkit-transition-duration: 0.25s;
|
||||
transition-duration: 0.25s;
|
||||
-webkit-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:before,
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 12;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:before {
|
||||
top: -1px;
|
||||
height: 1.1em;
|
||||
border-radius: 0.5em 0.5em 0 0;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(rgba(250, 250, 250, 0)));
|
||||
background-image: -webkit-linear-gradient(top, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
background-image: linear-gradient(to bottom, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:after {
|
||||
bottom: -1px;
|
||||
height: 1.2em;
|
||||
border-radius: 0 0 0.5em 0.5em;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#fafafa), to(rgba(250, 250, 250, 0)));
|
||||
background-image: -webkit-linear-gradient(bottom, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
background-image: linear-gradient(to top, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable ::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-fully-scrolled:after,
|
||||
.bigfoot-footnote.is-fully-scrolled:before {
|
||||
opacity: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
position: relative;
|
||||
z-index: 14;
|
||||
width: 22em;
|
||||
display: inline-block;
|
||||
-webkit-box-sizing: inherit;
|
||||
-moz-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
background-color: #fafafa;
|
||||
border-radius: 0.5em;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content {
|
||||
position: relative;
|
||||
z-index: 8;
|
||||
display: inline-block;
|
||||
max-height: 15em;
|
||||
padding: 1.1em 1.3em 1.2em;
|
||||
-webkit-box-sizing: inherit;
|
||||
-moz-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
background: #fafafa;
|
||||
border-radius: 0.5em;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content *:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content *:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
position: absolute;
|
||||
z-index: 12;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin-left: -0.65em;
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
background: #fafafa;
|
||||
border: 1px solid #c3c3c3;
|
||||
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
|
||||
.is-positioned-bottom .bigfoot-footnote__tooltip {
|
||||
top: -0.65em;
|
||||
}
|
||||
|
||||
.is-positioned-top .bigfoot-footnote__tooltip {
|
||||
bottom: -0.65em;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=bigfoot-default.css.map */
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAgMA,yBAA0B;EAExB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,CAAC;EACV,GAAG,EAzFmC,MAAM;EA4F5C,UAAU,EAAE,UAAU;EACtB,eAAe,EAAE,UAAU;EAC3B,OAAO,EAAE,YAAY;EACrB,OAAO,EA1E2B,MAAyB;EA2E3D,MAAM,EAAE,eAA4C;EAGpD,MAAM,EAAE,IAAI;EACZ,aAAa,EAvGyB,KAAK;EAwG3C,MAAM,EAAE,OAAO;EACf,gBAAgB,EAAE,wBAA6C;EAC/D,mBAAmB,EAAE,MAAM;EAG3B,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,CAAC;EACd,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,IAAI;EACrB,sBAAsB,EAAE,WAAW;EAGnC,mBAAmB,EA3Fe,gBAAgB;EA4FlD,mBAAmB,EAvJ4B,KAAK;;AAyJpD,gEACQ;EACN,OAAO,EAAE,IAAI;EACb,gBAAgB,EAAE,wBAAoD;;AAGxE,gCAAS;EACP,gBAAgB,EAAE,wBAA0D;;AAG9E,mCAAY;EACV,gBAAgB,EAAE,OAAkD;EACpE,gBAAgB,EArHoB,IAAI;;AAyH1C,+BAAQ;EACN,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,IAAI;;;AA0Bf,iCAAkC;EAEhC,OAAO,EAAE,YAAY;EACrB,KAAK,EAxKiC,MAAM;EAyK5C,MAAM,EAzKgC,MAAM;EA0K5C,YAAY,EArK0B,MAA2B;EAsKjE,KAAK,EAAE,IAAI;;AAGX,4CAAa;EAAE,YAAY,EAAE,CAAC;;;AA2BhC,4BAA6B;EAC3B,OAAO,EAAE,YAAY;EACrB,QAAQ,EAAE,QAAQ;EAClB,WAAW,EAAE,CAAC;;;AA7JZ,gBAAiB;EACb,oBAAqB;IACjB,OAAO,EAAE,eAAe;;;AAIhC,YAAa;EACT;2BAC0B;IACtB,OAAO,EAAE,eAAe;;;AAiNpC,iBAAkB;EAEhB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EA5TwC,EAAE;EA6TjD,GAAG,EAAE,CAAC;EAAE,IAAI,EAAE,CAAC;EAGf,OAAO,EAAE,YAAY;EACrB,UAAU,EAAE,UAAU;EAEtB,SAAS,EAnW6B,GAAG;EAqWzC,MAAM,EAAE,WAAqF;EAI7F,UAAU,EAjUqC,OAAyB;EAkUxE,OAAO,EArW+B,CAAC;EAsWvC,aAAa,EAxWyB,KAAK;EAyW3C,MAAM,EAxWgC,iBAA6B;EAyWnE,UAAU,EAtW4B,8BAA+B;EAyWrE,WAAW,EAAE,CAAC;EAGd,mBAAmB,EAhU4B,kBAAkB;EAiUjE,mBAAmB,EArU4B,KAAK;EAsUpD,0BAA0B,EA/TqB,IAAI;EAkUnD,SAAS,EA1W6B,wBAAyB;EA2W/D,gBAAgB,EAxV+B,KAAM;;AA0VrD,mCAAoB;EAClB,GAAG,EAAE,IAAI;EACT,MAAM,EAAE,CAAC;;AAGX,2BAAY;EACV,SAAS,EAlX2B,sBAAuB;EAmX3D,OAAO,EA5X6B,IAAI;;AA+X1C,iCAAkB;EAEhB,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,CAAC;EAAE,GAAG,EAAE,IAAI;EACpB,IAAI,EAAE,CAAC;EAAE,KAAK,EAAE,IAAI;EACpB,SAAS,EAAE,gBAAgB;EAG3B,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,CAAC;EAGT,aAAa,EAAE,CAAC;EAChB,OAAO,EAAE,CAAC;EACV,YAAY,EAAE,OAAO;EAGrB,UAAU,EAAE,mBAAmB;;AAE/B,2CAAY;EACV,SAAS,EAAE,aAAa;;AAG1B,4DAA2B;EACzB,MAAM,EAAE,SAAS;EACjB,SAAS,EAAE,gBAAgB;EAC3B,SAAS,EAAE,IAAI;;AAGjB;4DAC2B;EACzB,aAAa,EAAE,CAAC;;AAGlB,4DAA2B;EACzB,OAAO,EAAE,IAAI;;AAMf,qCAAQ;EAEN,OAAO,EAAE,EAAE;EAGX,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAxYuC,QAA4E;EAyYzH,IAAI,EAzYyC,QAA4E;EA0YzH,OAAO,EAAE,EAAsB;EAG/B,OAAO,EAAE,KAAK;EACd,MAAM,EAAE,SAAwE;EAChF,KAAK,EAhb6B,OAAO;EAmbzC,gBAAgB,EAzakB,q7BAAq7B;EA0av9B,eAAe,EAAE,KAAK;EACtB,OAAO,EAnb2B,GAAG;EAobrC,qBAAqB,EAjZsB,OAAO;EAkZlD,mBAAmB,EAnZwB,KAAK;EAoZhD,0BAA0B,EA7YiB,IAAI;;AAiZ/C,mIACQ;EACN,OAAO,EAAE,EAAE;EACX,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EAEX,OAAO,EAAE,EAAsB;EAC/B,IAAI,EAAE,CAAC;;AAGT,iEAAS;EACP,GAAG,EAAE,IAAI;EACT,MAAM,EArbmC,KAAK;EAsb9C,aAAa,EAAE,eAAiD;EAChE,gBAAgB,EAAE,oEAAsJ;;AAG1K,gEAAQ;EACN,MAAM,EAAE,IAAI;EACZ,MAAM,EA3bmC,KAAK;EA4b9C,aAAa,EAAE,eAAiD;EAChE,gBAAgB,EAAE,iEAAmJ;;AAIzK,mDAAoB;EAAE,OAAO,EAAE,IAAI;;AAInC,qFACS;EACP,OAAO,EAAE,CAAC;EACV,gBAAgB,EAAE,CAAC;;;AAezB,0BAA2B;EAEzB,QAAQ,EAAE,QAAQ;EAElB,OAAO,EAAE,EAAsB;EAG/B,KAAK,EA9fiC,IAAI;EA+f1C,OAAO,EAAE,YAAY;EACrB,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,MAAM;EAChB,MAAM,EAAE,CAAC;EAGT,gBAAgB,EA5d+B,OAAyB;EA6dxE,aAAa,EAlgByB,KAAK;EAqgB3C,WAAW,EAAE,CAAC;;;AAahB,0BAA2B;EAEzB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,CAAsB;EAG/B,OAAO,EAAE,YAAY;EACrB,UAAU,EA3hB4B,IAAI;EA4hB1C,OAAO,EAAE,iBAAgG;EACzG,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,IAAI;EACd,0BAA0B,EAAE,KAAK;EAGjC,UAAU,EA3fqC,OAAyB;EA4fxE,aAAa,EA/fkC,KAAsB;EAkgBrE,sBAAsB,EAAE,oBAAoB;EAC5C,WAAW,EAAE,MAAM;;AAGnB,8BAAI;EAAE,SAAS,EAAE,IAAI;;AACrB,uCAAa;EAAE,aAAa,EAAE,YAAY;;AAC1C,wCAAc;EAAE,UAAU,EAAE,YAAY;;;AAW1C,0BAA2B;EAEzB,QAAQ,EAAE,QAAQ;EAElB,OAAO,EAAE,EAAsB;EAG/B,UAAU,EAAE,UAAU;EACtB,WAAW,EAAE,OAA8B;EAE3C,KAAK,EAxjBiC,KAAK;EAyjB3C,MAAM,EAzjBgC,KAAK;EA0jB3C,SAAS,EAAE,aAAa;EAGxB,UAAU,EA/hBqC,OAAyB;EAgiBxE,MAAM,EApkBgC,iBAA6B;EAqkBnE,UAAU,EAlkB4B,8BAA+B;EAmkBrE,sBAAsB,EAjiByB,CAAC;;AAmiBhD,gDAAwB;EACtB,GAAG,EAAE,OAA8B;;AAGrC,6CAAqB;EACnB,MAAM,EAAE,OAA8B",
|
||||
"sources": ["bigfoot-default.scss"],
|
||||
"names": [],
|
||||
"file": "bigfoot-default.css"
|
||||
}
|
||||
|
|
@ -0,0 +1,619 @@
|
|||
// bigfoot - v2.1.4 - 2016.02.11
|
||||
|
||||
|
||||
// ___ ___ ___ ___ ___ ___
|
||||
// / /\ / /\ / /\ / /\ ___ / /\ / /\
|
||||
// / /::\ / /::\ / /::\ / /::\ /__/\ / /:/_ / /::\
|
||||
// / /:/\:\ / /:/\:\ / /:/\:\ / /:/\:\ \ \:\ / /:/ /\ / /:/\:\
|
||||
// / /:/~/:// /:/ \:\ / /:/~/:// /:/ \:\ \ \:\ / /:/ /:/_ / /:/~/:/
|
||||
// /__/:/ /://__/:/ \__\:\/__/:/ /://__/:/ \__\:\ ___ \__\:\/__/:/ /:/ /\/__/:/ /:/___
|
||||
// \ \:\/:/ \ \:\ / /:/\ \:\/:/ \ \:\ / /://__/\ | |:|\ \:\/:/ /:/\ \:\/:::::/
|
||||
// \ \::/ \ \:\ /:/ \ \::/ \ \:\ /:/ \ \:\| |:| \ \::/ /:/ \ \::/~~~~
|
||||
// \ \:\ \ \:\/:/ \ \:\ \ \:\/:/ \ \:\__|:| \ \:\/:/ \ \:\
|
||||
// \ \:\ \ \::/ \ \:\ \ \::/ \__\::::/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ ~~~~ \__\/ \__\/
|
||||
//
|
||||
// These are the key variables for styling the popover.
|
||||
// Just set the variable to none if you don't want that styling.
|
||||
|
||||
// KEY VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
// STYLES
|
||||
$popover-width: 22em !default; // Ideal width of the popover
|
||||
$popover-max-width: 90% !default; // Best as a % to accommodate smaller viewports
|
||||
$popover-max-height: 15em !default; // Maximum size of the content area
|
||||
$popover-color-background: rgb(250, 250, 250) !default; // Color of the popover background
|
||||
$popover-border-radius: 0.5em !default; // Radius of the corners of the popover
|
||||
$popover-border: 1px solid rgb(195, 195, 195) !default; // Border of the popover/ tooltip
|
||||
$popover-inactive-opacity: 0 !default; // Opacity of the popover when instantiated/ deactivating
|
||||
$popover-active-opacity: 0.97 !default; // Opacity of the popover when active
|
||||
$popover-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) !default; // Sets the box shadow under the popover/ tooltip
|
||||
$popover-bottom-position: auto !default; // Sets the bottom position of the popover. Use only when setting positionPopover to false in the script
|
||||
$popover-left-position: auto !default; // Sets the left position of the popover. Use only when setting positionPopover to false in the script
|
||||
$popover-tooltip-size: 1.3em !default; // Sets the side lengths of the tooltip
|
||||
$popover-scroll-indicator-width: 0.625em !default; // The width of the scroll indicator
|
||||
$popover-scroll-indicator-aspect-ratio: (15/12) !default; // The ratio of the height over the width of the scroll indicator
|
||||
$popover-scroll-indicator-opacity: 0.1 !default; // The active opacity of scroll indicators
|
||||
$popover-initial-transform-state: scale(0.1) translateZ(0) !default; // The inital transform state for the popover
|
||||
$popover-active-transform-state: scale(1) translateZ(0) !default; // The transform state for the popover once it is fully activated
|
||||
|
||||
// OPTIONAL ELEMENTS
|
||||
$popover-include-tooltip: true !default; // Adds a tooltip pointing to the footnote button
|
||||
$popover-include-scroll-indicator: true !default; // Adds an elipsis at the bottom of scrollable popovers
|
||||
$popover-include-scrolly-fades: true !default; // Fades content in on scrollable popovers
|
||||
$popover-scroll-indicator-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTIgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDExLjUiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNy41IEw1LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsNy41IEw5LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=") !default;
|
||||
|
||||
|
||||
// OTHER VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
// POPOVER
|
||||
$popover-margin-top: 0.1em !default;
|
||||
$popover-padding-content-horizontal: 1.3em !default;
|
||||
$popover-padding-content-top: 1.1em !default;
|
||||
$popover-padding-content-bottom: 1.2em !default;
|
||||
$popover-z-index: 10 !default; // Set the base so that it's above the other body children
|
||||
$popover-initial-transform-origin: 50% 0 !default;
|
||||
|
||||
// POPOVER CONTENT WRAPPER
|
||||
$popover-content-color-background: $popover-color-background !default;
|
||||
$popover-content-border-radius: $popover-border-radius !default;
|
||||
|
||||
// OTHER POPOVER ELEMENTS
|
||||
$popover-tooltip-background: $popover-color-background !default;
|
||||
$popover-tooltip-radius: 0 !default;
|
||||
$popover-scroll-indicator-bottom-position: 0.45em !default;
|
||||
$popover-scrolly-fade-gradient-start-location: 50% !default;
|
||||
$popover-scroll-indicator-padding: (($popover-padding-content-horizontal/2) - ($popover-scroll-indicator-width/2)) !default;
|
||||
|
||||
// TRANSITIONS
|
||||
$popover-transition-default-duration: 0.25s !default;
|
||||
$popover-scroll-indicator-transition-properties: opacity !default;
|
||||
|
||||
// Use none for areas you don't want to transition
|
||||
$popover-transition-properties: opacity, transform !default; // no mixin to do proper prefixing of the transform, so I have to do it manually; see mixin below
|
||||
$popover-scroll-indicator-transition-properties: opacity !default;
|
||||
$popover-scroll-up-transition-delay: 0.4s !default; // Sets the delay for the transition of the scroll indicator when scrolling upwards
|
||||
$popover-transition-default-timing-function: ease !default;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// _____ /__/\ ___ ___ / /\ /__/\
|
||||
// / /::\ \ \:\ / /\ / /\ / /::\ \ \:\
|
||||
// / /:/\:\ \ \:\ / /:/ / /:/ / /:/\:\ \ \:\
|
||||
// / /:/~/::\ ___ \ \:\ / /:/ / /:/ / /:/ \:\ _____\__\:\
|
||||
// /__/:/ /:/\:|/__/\ \__\:\ / /::\ / /::\ /__/:/ \__\:\/__/::::::::\
|
||||
// \ \:\/:/~/:/\ \:\ / /://__/:/\:\ /__/:/\:\\ \:\ / /:/\ \:\~~\~~\/
|
||||
// \ \::/ /:/ \ \:\ /:/ \__\/ \:\\__\/ \:\\ \:\ /:/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\/:/ \ \:\
|
||||
// \ \::/ \ \::/ \__\/ \__\/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/
|
||||
//
|
||||
// These are the key variables for styling the button.
|
||||
// Just set the variable to none if you don't want that styling.
|
||||
|
||||
// KEY VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
$button-height: 0.95em !default; // The total height of the button
|
||||
$button-width: auto !default; // The total button width (applies only if $button-apply-dimensions is true)
|
||||
$button-inner-circle-size: 0.25em !default; // Total height/width of the ellipsis circles
|
||||
$button-border-radius: 0.3em !default; // Border radius on the button itself
|
||||
$button-left-margin: 0.2em !default; // Margin between the button and the text to its left
|
||||
$button-right-margin: 0.1em !default; // Margin between the button and the text to its right
|
||||
$button-vertical-adjust: -0.1em !default; // Pushes the buttons along the vertical axis to align it with text as desired
|
||||
$button-inner-circle-left-margin: 1*$button-inner-circle-size !default; // Space between the ellipsis circles
|
||||
|
||||
$button-color: rgb(110, 110, 110) !default; // Background color of the button
|
||||
$button-hovered-color: $button-color !default; // Background color of the button when being hovered
|
||||
$button-activating-color: $button-color !default; // Background color of the button when being clicked
|
||||
$button-active-color: $button-color !default; // Background color of the button when active
|
||||
$button-standard-opacity: 0.2 !default; // Opacity for when the button is just sittin' there
|
||||
$button-hovered-opacity: 0.5 !default; // Opacity for when the button is being hovered over
|
||||
$button-activating-opacity: $button-hovered-opacity !default; // Opacity for when the button is being clicked
|
||||
$button-active-opacity: 1 !default; // Opacity for when the button is active
|
||||
$button-active-style-delay: 0.1s !default; // Delay before applying .active styles; this can be used to match to the popover activation transition
|
||||
|
||||
$button-inner-circle-color: white !default; // Background color of the ellipsis circle
|
||||
$button-inner-circle-border: none !default; // Border of the ellipsis circle
|
||||
|
||||
|
||||
// OTHER VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
$button-total-padding: $button-height - $button-inner-circle-size !default;
|
||||
$button-per-side-padding: 0.5*$button-total-padding !default;
|
||||
$button-transition-properties: background-color !default;
|
||||
|
||||
|
||||
|
||||
// -----
|
||||
|
||||
|
||||
// ___ ___ ___ ___
|
||||
// /__/\ ___ /__/| ___ /__/\ / /\
|
||||
// | |::\ / /\ | |:| / /\ \ \:\ / /:/_
|
||||
// | |:|:\ / /:/ | |:| / /:/ \ \:\ / /:/ /\
|
||||
// __|__|:|\:\ /__/::\ __|__|:| /__/::\ _____\__\:\ / /:/ /::\
|
||||
// /__/::::| \:\\__\/\:\__/__/::::\____\__\/\:\__ /__/::::::::\/__/:/ /:/\:\
|
||||
// \ \:\~~\__\/ \ \:\/\ ~\~~\::::/ \ \:\/\\ \:\~~\~~\/\ \:\/:/~/:/
|
||||
// \ \:\ \__\::/ |~~|:|~~ \__\::/ \ \:\ ~~~ \ \::/ /:/
|
||||
// \ \:\ /__/:/ | |:| /__/:/ \ \:\ \__\/ /:/
|
||||
// \ \:\ \__\/ | |:| \__\/ \ \:\ /__/:/
|
||||
// \__\/ |__|/ \__\/ \__\/
|
||||
|
||||
@mixin print-styles {
|
||||
// These styles restore the original footnote numbers and texts when the page is printed
|
||||
@media not print {
|
||||
.footnote-print-only {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
.bigfoot-footnote,
|
||||
.bigfoot-footnote__button {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// -----
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// _____ /__/\ ___ ___ / /\ /__/\
|
||||
// / /::\ \ \:\ / /\ / /\ / /::\ \ \:\
|
||||
// / /:/\:\ \ \:\ / /:/ / /:/ / /:/\:\ \ \:\
|
||||
// / /:/~/::\ ___ \ \:\ / /:/ / /:/ / /:/ \:\ _____\__\:\
|
||||
// /__/:/ /:/\:|/__/\ \__\:\ / /::\ / /::\ /__/:/ \__\:\/__/::::::::\
|
||||
// \ \:\/:/~/:/\ \:\ / /://__/:/\:\ /__/:/\:\\ \:\ / /:/\ \:\~~\~~\/
|
||||
// \ \::/ /:/ \ \:\ /:/ \__\/ \:\\__\/ \:\\ \:\ /:/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\/:/ \ \:\
|
||||
// \ \::/ \ \::/ \__\/ \__\/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// The button that activates the footnote. By default, this will appear as a
|
||||
// flat button that has an ellipse contained inside of it.
|
||||
|
||||
// @state .is-active - The associated popover has been activated and is visible.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__button {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
top: $button-vertical-adjust;
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;;
|
||||
display: inline-block;
|
||||
padding: $button-per-side-padding;
|
||||
margin: 0 $button-right-margin 0 $button-left-margin;
|
||||
|
||||
// BACKDROP
|
||||
border: none;
|
||||
border-radius: $button-border-radius;
|
||||
cursor: pointer;
|
||||
background-color: rgba($button-color, $button-standard-opacity);
|
||||
backface-visibility: hidden;
|
||||
|
||||
// TEXT
|
||||
font-size: 1rem;
|
||||
line-height: 0;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
// TRANSITIONS
|
||||
transition-property: $button-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: none;
|
||||
background-color: rgba($button-hovered-color, $button-hovered-opacity);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: rgba($button-activating-color, $button-activating-opacity);
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
background-color: rgba($button-active-color, $button-active-opacity);
|
||||
transition-delay: $button-active-style-delay;
|
||||
}
|
||||
|
||||
// Clearfix
|
||||
&:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// _____ ___ ___
|
||||
// / /::\ / /\ ___ / /\
|
||||
// / /:/\:\ / /::\ / /\ / /:/_
|
||||
// / /:/ \:\ / /:/\:\ / /:/ / /:/ /\
|
||||
// /__/:/ \__\:| / /:/ \:\ / /:/ / /:/ /::\
|
||||
// \ \:\ / /://__/:/ \__\:\ / /::\ /__/:/ /:/\:\
|
||||
// \ \:\ /:/ \ \:\ / /://__/:/\:\\ \:\/:/~/:/
|
||||
// \ \:\/:/ \ \:\ /:/ \__\/ \:\\ \::/ /:/
|
||||
// \ \::/ \ \:\/:/ \ \:\\__\/ /:/
|
||||
// \__\/ \ \::/ \__\/ /__/:/
|
||||
// \__\/ \__\/
|
||||
|
||||
//*
|
||||
// Each of the three circles forming the ellipse within the button.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__button__circle {
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
width: $button-inner-circle-size;
|
||||
height: $button-inner-circle-size;
|
||||
margin-right: $button-inner-circle-left-margin;
|
||||
float: left;
|
||||
|
||||
// Gets rid of margin on the last circle
|
||||
&:last-child { margin-right: 0; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___ ___ ___
|
||||
// / /\ / /\ /__/\ ___ / /\ ___ /__/\
|
||||
// / /:/ / /::\ \ \:\ / /\ / /::\ / /\ \ \:\
|
||||
// / /:/ / /:/\:\ \ \:\ / /:/ / /:/\:\ / /:/ \ \:\
|
||||
// / /:/ ___ / /:/ \:\ _____\__\:\ / /:/ / /:/~/::\ /__/::\ _____\__\:\
|
||||
// /__/:/ / /\/__/:/ \__\:\/__/::::::::\ / /::\ /__/:/ /:/\:\\__\/\:\__ /__/::::::::\
|
||||
// \ \:\ / /:/\ \:\ / /:/\ \:\~~\~~\//__/:/\:\\ \:\/:/__\/ \ \:\/\\ \:\~~\~~\/
|
||||
// \ \:\ /:/ \ \:\ /:/ \ \:\ ~~~ \__\/ \:\\ \::/ \__\::/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\ /__/:/ \ \:\
|
||||
// \ \::/ \ \::/ \ \:\ \__\/ \ \:\ \__\/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
//*
|
||||
// The container for the button and popover. This is required so that the popover
|
||||
// is guaranteed to have a relatively-positioned container, and to help with the
|
||||
// positioning calculation.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__container {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// / /\ / /\ ___ /__/\ ___
|
||||
// / /::\ / /::\ / /\ \ \:\ / /\
|
||||
// / /:/\:\ / /:/\:\ / /:/ \ \:\ / /:/
|
||||
// / /:/~/:// /:/~/:/ /__/::\ _____\__\:\ / /:/
|
||||
// /__/:/ /://__/:/ /:/___\__\/\:\__ /__/::::::::\ / /::\
|
||||
// \ \:\/:/ \ \:\/:::::/ \ \:\/\\ \:\~~\~~\//__/:/\:\
|
||||
// \ \::/ \ \::/~~~~ \__\::/ \ \:\ ~~~ \__\/ \:\
|
||||
// \ \:\ \ \:\ /__/:/ \ \:\ \ \:\
|
||||
// \ \:\ \ \:\ \__\/ \ \:\ \__\/
|
||||
// \__\/ \__\/ \__\/
|
||||
|
||||
@include print-styles;
|
||||
|
||||
|
||||
|
||||
// -----
|
||||
|
||||
|
||||
// ___ ___ ___ ___ ___ ___
|
||||
// / /\ / /\ / /\ / /\ ___ / /\ / /\
|
||||
// / /::\ / /::\ / /::\ / /::\ /__/\ / /:/_ / /::\
|
||||
// / /:/\:\ / /:/\:\ / /:/\:\ / /:/\:\ \ \:\ / /:/ /\ / /:/\:\
|
||||
// / /:/~/:// /:/ \:\ / /:/~/:// /:/ \:\ \ \:\ / /:/ /:/_ / /:/~/:/
|
||||
// /__/:/ /://__/:/ \__\:\/__/:/ /://__/:/ \__\:\ ___ \__\:\/__/:/ /:/ /\/__/:/ /:/___
|
||||
// \ \:\/:/ \ \:\ / /:/\ \:\/:/ \ \:\ / /://__/\ | |:|\ \:\/:/ /:/\ \:\/:::::/
|
||||
// \ \::/ \ \:\ /:/ \ \::/ \ \:\ /:/ \ \:\| |:| \ \::/ /:/ \ \::/~~~~
|
||||
// \ \:\ \ \:\/:/ \ \:\ \ \:\/:/ \ \:\__|:| \ \:\/:/ \ \:\
|
||||
// \ \:\ \ \::/ \ \:\ \ \::/ \__\::::/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ ~~~~ \__\/ \__\/
|
||||
//
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// The popover for the footnote. This popover will be, by default, be sized and positioned
|
||||
// by the script. However, many of the sizes can be established in this stylesheet and
|
||||
// will be respected by the script. `max-width` will limit the width of the popover
|
||||
// relative to the viewport. `width` (on `bigfoot-footnote__wrapper`) will set the
|
||||
// absolute max width. Max height can be set via a `max-height` property
|
||||
// on `bigfoot-footnote__content`.
|
||||
|
||||
// By default, the popover has a light gray background, a shadow for some depth,
|
||||
// rounded corners, and a tooltip pointing to the footnote button.
|
||||
|
||||
// @state .is-active - The popover has been activated and is visible.
|
||||
// @state .is-positioned-top - The popover is above the button.
|
||||
// @state .is-positioned-bottom - The popover is below the button.
|
||||
// @state .is-scrollable - The popover content is greater than the popover height.
|
||||
// @state .is-fully-scrolled - The popover content is scrolled to the bottom.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote {
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
z-index: $popover-z-index;
|
||||
top: 0; left: 0;
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
// Height is set in .footnote-content-wrapper
|
||||
max-width: $popover-max-width;
|
||||
// 1.414213... is to get the diagonal height of the tooltip using pythagorus, yo.
|
||||
margin: ((1.4142135624 * $popover-tooltip-size / 2) + $button-height + $popover-margin-top) 0;
|
||||
// fits the popover to the contents
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-color-background;
|
||||
opacity: $popover-inactive-opacity;
|
||||
border-radius: $popover-border-radius;
|
||||
border: $popover-border;
|
||||
box-shadow: $popover-box-shadow;
|
||||
|
||||
// TEXT
|
||||
line-height: 0;
|
||||
|
||||
// TRANSITIONS
|
||||
transition-property: $popover-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
transition-timing-function: $popover-transition-default-timing-function;
|
||||
|
||||
// TRANSFORMS
|
||||
transform: $popover-initial-transform-state;
|
||||
transform-origin: $popover-initial-transform-origin;
|
||||
|
||||
&.is-positioned-top {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
transform: $popover-active-transform-state;
|
||||
opacity: $popover-active-opacity;
|
||||
}
|
||||
|
||||
&.is-bottom-fixed {
|
||||
// POSITIONING
|
||||
position: fixed;
|
||||
bottom: 0; top: auto;
|
||||
left: 0; right: auto;
|
||||
transform: translateY(100%);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
||||
// BACKDROP
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
border-width: 1px 0 0;
|
||||
|
||||
// TRANSITIONS
|
||||
transition: transform 0.3s ease;
|
||||
|
||||
&.is-active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
margin: 0 0 0 50%;
|
||||
transform: translateX(-50%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper,
|
||||
.bigfoot-footnote__content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-scrollable {
|
||||
// A scrollable indicator in the left margin of the popover.
|
||||
&:after {
|
||||
// CONTENT
|
||||
content: '';
|
||||
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
bottom: $popover-scroll-indicator-padding;
|
||||
left: $popover-scroll-indicator-padding;
|
||||
z-index: ($popover-z-index + 4);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: block;
|
||||
height: ($popover-scroll-indicator-width*$popover-scroll-indicator-aspect-ratio);
|
||||
width: $popover-scroll-indicator-width;
|
||||
|
||||
// BACKDROP
|
||||
background-image: $popover-scroll-indicator-icon;
|
||||
background-size: cover;
|
||||
opacity: $popover-scroll-indicator-opacity;
|
||||
transition-properties: $popover-scroll-indicator-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
transition-timing-function: $popover-transition-default-timing-function;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
// Above the content
|
||||
z-index: ($popover-z-index + 2);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: -1px;
|
||||
height: $popover-padding-content-top;
|
||||
border-radius: $popover-border-radius $popover-border-radius 0 0;
|
||||
background-image: linear-gradient(to bottom, $popover-color-background $popover-scrolly-fade-gradient-start-location, transparentize($popover-color-background, 1) 100%);
|
||||
}
|
||||
|
||||
&:after {
|
||||
bottom: -1px;
|
||||
height: $popover-padding-content-bottom;
|
||||
border-radius: 0 0 $popover-border-radius $popover-border-radius;
|
||||
background-image: linear-gradient(to top, $popover-color-background $popover-scrolly-fade-gradient-start-location, transparentize($popover-color-background, 1) 100%);
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar { display: none; }
|
||||
}
|
||||
|
||||
&.is-fully-scrolled {
|
||||
&:after,
|
||||
&:before {
|
||||
opacity: 0;
|
||||
transition-delay: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// Wraps around the footnote content. This is necessary in order to have an element
|
||||
// above the tooltip and that can provide top and bottom indicators that there is
|
||||
// additional content on scrollable popovers.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
// Above the outer tooltip, below the inner tooltip
|
||||
z-index: ($popover-z-index + 4);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
width: $popover-width;
|
||||
display: inline-block;
|
||||
box-sizing: inherit;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
|
||||
// BACKDROP
|
||||
background-color: $popover-color-background;
|
||||
border-radius: $popover-border-radius;
|
||||
|
||||
// TEXT
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// Contains the actual footnote content. There is very little prescription here
|
||||
// on the footnote content itself, except for removing and top margin on the first
|
||||
// element and bottom margin on the last child.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__content {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
z-index: ($popover-z-index - 2); // Below fading bars
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
max-height: $popover-max-height;
|
||||
padding: $popover-padding-content-top $popover-padding-content-horizontal $popover-padding-content-bottom;
|
||||
box-sizing: inherit;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-content-color-background;
|
||||
border-radius: $popover-content-border-radius;
|
||||
|
||||
// TEXT
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
line-height: normal;
|
||||
|
||||
// INTERIOR ELEMENTS
|
||||
img { max-width: 100%; }
|
||||
*:last-child { margin-bottom: 0 !important; }
|
||||
*:first-child { margin-top: 0 !important; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// A triangular shape pointing towards the footnote button.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
// Above the footnote-main-wrapper and the outer tooltip
|
||||
z-index: ($popover-z-index + 2);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
box-sizing: border-box;
|
||||
margin-left: (-0.5 * $popover-tooltip-size);
|
||||
// Smaller by one border-width's worth
|
||||
width: $popover-tooltip-size;
|
||||
height: $popover-tooltip-size;
|
||||
transform: rotate(45deg);
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-tooltip-background;
|
||||
border: $popover-border;
|
||||
box-shadow: $popover-box-shadow;
|
||||
border-top-left-radius: $popover-tooltip-radius;
|
||||
|
||||
.is-positioned-bottom & {
|
||||
top: (-0.5 * $popover-tooltip-size);
|
||||
}
|
||||
|
||||
.is-positioned-top & {
|
||||
bottom: (-0.5 * $popover-tooltip-size);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,328 @@
|
|||
.bigfoot-footnote__button {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
top: -0.1em;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
display: inline-block;
|
||||
padding: 0.35em;
|
||||
margin: 0 0.1em 0 0.2em;
|
||||
border: none;
|
||||
border-radius: 0.3em;
|
||||
cursor: pointer;
|
||||
background-color: rgba(110, 110, 110, 0.2);
|
||||
-webkit-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
font-size: 1rem;
|
||||
line-height: 0;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-transition-property: background-color;
|
||||
transition-property: background-color;
|
||||
-webkit-transition-duration: 0.25s;
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button:hover,
|
||||
.bigfoot-footnote__button:focus {
|
||||
outline: none;
|
||||
background-color: rgba(110, 110, 110, 0.5);
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button:active {
|
||||
background-color: rgba(110, 110, 110, 0.5);
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button.is-active {
|
||||
background-color: #6e6e6e;
|
||||
-webkit-transition-delay: 0.1s;
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button__circle {
|
||||
display: inline-block;
|
||||
width: 0.25em;
|
||||
height: 0.25em;
|
||||
margin-right: 0.25em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button__circle:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__container {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
@media not print {
|
||||
.footnote-print-only {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
.bigfoot-footnote,
|
||||
.bigfoot-footnote__button {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bigfoot-footnote {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
max-width: 90%;
|
||||
margin: 1.96924em 0;
|
||||
background: #fafafa;
|
||||
opacity: 0;
|
||||
border-radius: 0.5em;
|
||||
border: 1px solid #c3c3c3;
|
||||
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
line-height: 0;
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
-webkit-transition-duration: 0.25s;
|
||||
transition-duration: 0.25s;
|
||||
-webkit-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
-webkit-transform: scale(0.1) translateZ(0);
|
||||
-ms-transform: scale(0.1) translateZ(0);
|
||||
transform: scale(0.1) translateZ(0);
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-ms-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-positioned-top {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-active {
|
||||
-webkit-transform: scale(1) translateZ(0);
|
||||
-ms-transform: scale(1) translateZ(0);
|
||||
transform: scale(1) translateZ(0);
|
||||
opacity: 0.97;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
left: 0;
|
||||
right: auto;
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
border-width: 1px 0 0;
|
||||
-webkit-transition: -webkit-transform 0.3s ease;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed.is-active {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__wrapper {
|
||||
margin: 0 0 0 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__wrapper,
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__tooltip {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0.3375em;
|
||||
left: 0.3375em;
|
||||
z-index: 14;
|
||||
display: block;
|
||||
height: 0.78125em;
|
||||
width: 0.625em;
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTIgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDExLjUiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNy41IEw1LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsNy41IEw5LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover;
|
||||
opacity: 0.1;
|
||||
transition-properties: opacity;
|
||||
-webkit-transition-duration: 0.25s;
|
||||
transition-duration: 0.25s;
|
||||
-webkit-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:before,
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 12;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:before {
|
||||
top: -1px;
|
||||
height: 1.1em;
|
||||
border-radius: 0.5em 0.5em 0 0;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(rgba(250, 250, 250, 0)));
|
||||
background-image: -webkit-linear-gradient(top, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
background-image: linear-gradient(to bottom, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:after {
|
||||
bottom: -1px;
|
||||
height: 1.2em;
|
||||
border-radius: 0 0 0.5em 0.5em;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#fafafa), to(rgba(250, 250, 250, 0)));
|
||||
background-image: -webkit-linear-gradient(bottom, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
background-image: linear-gradient(to top, #fafafa 50%, rgba(250, 250, 250, 0) 100%);
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-scrollable ::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bigfoot-footnote.is-fully-scrolled:after,
|
||||
.bigfoot-footnote.is-fully-scrolled:before {
|
||||
opacity: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
position: relative;
|
||||
z-index: 14;
|
||||
width: 22em;
|
||||
display: inline-block;
|
||||
-webkit-box-sizing: inherit;
|
||||
-moz-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
background-color: #fafafa;
|
||||
border-radius: 0.5em;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content {
|
||||
position: relative;
|
||||
z-index: 8;
|
||||
display: inline-block;
|
||||
max-height: 15em;
|
||||
padding: 1.1em 1.3em 1.2em;
|
||||
-webkit-box-sizing: inherit;
|
||||
-moz-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
background: #fafafa;
|
||||
border-radius: 0.5em;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content *:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__content *:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
position: absolute;
|
||||
z-index: 12;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin-left: -0.65em;
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
background: #fafafa;
|
||||
border: 1px solid #c3c3c3;
|
||||
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
|
||||
.is-positioned-bottom .bigfoot-footnote__tooltip {
|
||||
top: -0.65em;
|
||||
}
|
||||
|
||||
.is-positioned-top .bigfoot-footnote__tooltip {
|
||||
bottom: -0.65em;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button {
|
||||
position: relative;
|
||||
height: 0.95em;
|
||||
width: 1.5em;
|
||||
border-radius: 0.475em;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button:after {
|
||||
content: attr(data-footnote-number);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
display: block;
|
||||
font-size: 0.57em;
|
||||
font-weight: bold;
|
||||
color: rgba(110, 110, 110, 0.5);
|
||||
-webkit-transition: color 0.25s ease;
|
||||
transition: color 0.25s ease;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button:hover:after,
|
||||
.bigfoot-footnote__button.is-active:after {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button__circle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=bigfoot-number.css.map */
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAgMA,yBAA0B;EAExB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,CAAC;EACV,GAAG,EAzFmC,MAAM;EA4F5C,UAAU,EAAE,UAAU;EACtB,eAAe,EAAE,UAAU;EAC3B,OAAO,EAAE,YAAY;EACrB,OAAO,EA1E2B,MAAyB;EA2E3D,MAAM,EAAE,eAA4C;EAGpD,MAAM,EAAE,IAAI;EACZ,aAAa,EAvGyB,KAAK;EAwG3C,MAAM,EAAE,OAAO;EACf,gBAAgB,EAAE,wBAA6C;EAC/D,mBAAmB,EAAE,MAAM;EAG3B,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,CAAC;EACd,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,IAAI;EACrB,sBAAsB,EAAE,WAAW;EAGnC,mBAAmB,EA3Fe,gBAAgB;EA4FlD,mBAAmB,EAvJ4B,KAAK;;AAyJpD,gEACQ;EACN,OAAO,EAAE,IAAI;EACb,gBAAgB,EAAE,wBAAoD;;AAGxE,gCAAS;EACP,gBAAgB,EAAE,wBAA0D;;AAG9E,mCAAY;EACV,gBAAgB,EAAE,OAAkD;EACpE,gBAAgB,EArHoB,IAAI;;AAyH1C,+BAAQ;EACN,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,IAAI;;;AA0Bf,iCAAkC;EAEhC,OAAO,EAAE,YAAY;EACrB,KAAK,EAxKiC,MAAM;EAyK5C,MAAM,EAzKgC,MAAM;EA0K5C,YAAY,EArK0B,MAA2B;EAsKjE,KAAK,EAAE,IAAI;;AAGX,4CAAa;EAAE,YAAY,EAAE,CAAC;;;AA2BhC,4BAA6B;EAC3B,OAAO,EAAE,YAAY;EACrB,QAAQ,EAAE,QAAQ;EAClB,WAAW,EAAE,CAAC;;;AA7JZ,gBAAiB;EACb,oBAAqB;IACjB,OAAO,EAAE,eAAe;;;AAIhC,YAAa;EACT;2BAC0B;IACtB,OAAO,EAAE,eAAe;;;AAiNpC,iBAAkB;EAEhB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EA5TwC,EAAE;EA6TjD,GAAG,EAAE,CAAC;EAAE,IAAI,EAAE,CAAC;EAGf,OAAO,EAAE,YAAY;EACrB,UAAU,EAAE,UAAU;EAEtB,SAAS,EAnW6B,GAAG;EAqWzC,MAAM,EAAE,WAAqF;EAI7F,UAAU,EAjUqC,OAAyB;EAkUxE,OAAO,EArW+B,CAAC;EAsWvC,aAAa,EAxWyB,KAAK;EAyW3C,MAAM,EAxWgC,iBAA6B;EAyWnE,UAAU,EAtW4B,8BAA+B;EAyWrE,WAAW,EAAE,CAAC;EAGd,mBAAmB,EAhU4B,kBAAkB;EAiUjE,mBAAmB,EArU4B,KAAK;EAsUpD,0BAA0B,EA/TqB,IAAI;EAkUnD,SAAS,EA1W6B,wBAAyB;EA2W/D,gBAAgB,EAxV+B,KAAM;;AA0VrD,mCAAoB;EAClB,GAAG,EAAE,IAAI;EACT,MAAM,EAAE,CAAC;;AAGX,2BAAY;EACV,SAAS,EAlX2B,sBAAuB;EAmX3D,OAAO,EA5X6B,IAAI;;AA+X1C,iCAAkB;EAEhB,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,CAAC;EAAE,GAAG,EAAE,IAAI;EACpB,IAAI,EAAE,CAAC;EAAE,KAAK,EAAE,IAAI;EACpB,SAAS,EAAE,gBAAgB;EAG3B,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,CAAC;EAGT,aAAa,EAAE,CAAC;EAChB,OAAO,EAAE,CAAC;EACV,YAAY,EAAE,OAAO;EAGrB,UAAU,EAAE,mBAAmB;;AAE/B,2CAAY;EACV,SAAS,EAAE,aAAa;;AAG1B,4DAA2B;EACzB,MAAM,EAAE,SAAS;EACjB,SAAS,EAAE,gBAAgB;EAC3B,SAAS,EAAE,IAAI;;AAGjB;4DAC2B;EACzB,aAAa,EAAE,CAAC;;AAGlB,4DAA2B;EACzB,OAAO,EAAE,IAAI;;AAMf,qCAAQ;EAEN,OAAO,EAAE,EAAE;EAGX,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAxYuC,QAA4E;EAyYzH,IAAI,EAzYyC,QAA4E;EA0YzH,OAAO,EAAE,EAAsB;EAG/B,OAAO,EAAE,KAAK;EACd,MAAM,EAAE,SAAwE;EAChF,KAAK,EAhb6B,OAAO;EAmbzC,gBAAgB,EAzakB,q7BAAq7B;EA0av9B,eAAe,EAAE,KAAK;EACtB,OAAO,EAnb2B,GAAG;EAobrC,qBAAqB,EAjZsB,OAAO;EAkZlD,mBAAmB,EAnZwB,KAAK;EAoZhD,0BAA0B,EA7YiB,IAAI;;AAiZ/C,mIACQ;EACN,OAAO,EAAE,EAAE;EACX,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EAEX,OAAO,EAAE,EAAsB;EAC/B,IAAI,EAAE,CAAC;;AAGT,iEAAS;EACP,GAAG,EAAE,IAAI;EACT,MAAM,EArbmC,KAAK;EAsb9C,aAAa,EAAE,eAAiD;EAChE,gBAAgB,EAAE,oEAAsJ;;AAG1K,gEAAQ;EACN,MAAM,EAAE,IAAI;EACZ,MAAM,EA3bmC,KAAK;EA4b9C,aAAa,EAAE,eAAiD;EAChE,gBAAgB,EAAE,iEAAmJ;;AAIzK,mDAAoB;EAAE,OAAO,EAAE,IAAI;;AAInC,qFACS;EACP,OAAO,EAAE,CAAC;EACV,gBAAgB,EAAE,CAAC;;;AAezB,0BAA2B;EAEzB,QAAQ,EAAE,QAAQ;EAElB,OAAO,EAAE,EAAsB;EAG/B,KAAK,EA9fiC,IAAI;EA+f1C,OAAO,EAAE,YAAY;EACrB,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,MAAM;EAChB,MAAM,EAAE,CAAC;EAGT,gBAAgB,EA5d+B,OAAyB;EA6dxE,aAAa,EAlgByB,KAAK;EAqgB3C,WAAW,EAAE,CAAC;;;AAahB,0BAA2B;EAEzB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,CAAsB;EAG/B,OAAO,EAAE,YAAY;EACrB,UAAU,EA3hB4B,IAAI;EA4hB1C,OAAO,EAAE,iBAAgG;EACzG,UAAU,EAAE,OAAO;EACnB,QAAQ,EAAE,IAAI;EACd,0BAA0B,EAAE,KAAK;EAGjC,UAAU,EA3fqC,OAAyB;EA4fxE,aAAa,EA/fkC,KAAsB;EAkgBrE,sBAAsB,EAAE,oBAAoB;EAC5C,WAAW,EAAE,MAAM;;AAGnB,8BAAI;EAAE,SAAS,EAAE,IAAI;;AACrB,uCAAa;EAAE,aAAa,EAAE,YAAY;;AAC1C,wCAAc;EAAE,UAAU,EAAE,YAAY;;;AAW1C,0BAA2B;EAEzB,QAAQ,EAAE,QAAQ;EAElB,OAAO,EAAE,EAAsB;EAG/B,UAAU,EAAE,UAAU;EACtB,WAAW,EAAE,OAA8B;EAE3C,KAAK,EAxjBiC,KAAK;EAyjB3C,MAAM,EAzjBgC,KAAK;EA0jB3C,SAAS,EAAE,aAAa;EAGxB,UAAU,EA/hBqC,OAAyB;EAgiBxE,MAAM,EApkBgC,iBAA6B;EAqkBnE,UAAU,EAlkB4B,8BAA+B;EAmkBrE,sBAAsB,EAjiByB,CAAC;;AAmiBhD,gDAAwB;EACtB,GAAG,EAAE,OAA8B;;AAGrC,6CAAqB;EACnB,MAAM,EAAE,OAA8B;;;AA+B1C,yBAA0B;EACxB,QAAQ,EAAE,QAAQ;EAClB,MAAM,EApiBgC,MAAM;EAqiB5C,KAAK,EAAE,KAAK;EACZ,aAAa,EAAE,OAAgB;;AAE/B,+BAAQ;EAEN,OAAO,EAAE,0BAA0B;EAGnC,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;EAAE,IAAI,EAAE,GAAG;EACnB,SAAS,EAAE,qBAAqB;EAGhC,OAAO,EAAE,KAAK;EAGd,SAAS,EAAE,MAAkB;EAC7B,WAAW,EAAE,IAAI;EACjB,KAAK,EAAE,wBAAwB;EAG/B,UAAU,EAAE,gBAAsF;;AAKlG,gFAAQ;EACN,KAAK,EAAE,KAAK;;;AAKlB,iCAAkC;EAChC,OAAO,EAAE,IAAI",
|
||||
"sources": ["bigfoot-number.scss"],
|
||||
"names": [],
|
||||
"file": "bigfoot-number.css"
|
||||
}
|
||||
|
|
@ -0,0 +1,685 @@
|
|||
// bigfoot - v2.1.4 - 2016.02.11
|
||||
|
||||
|
||||
// ___ ___ ___ ___ ___ ___
|
||||
// / /\ / /\ / /\ / /\ ___ / /\ / /\
|
||||
// / /::\ / /::\ / /::\ / /::\ /__/\ / /:/_ / /::\
|
||||
// / /:/\:\ / /:/\:\ / /:/\:\ / /:/\:\ \ \:\ / /:/ /\ / /:/\:\
|
||||
// / /:/~/:// /:/ \:\ / /:/~/:// /:/ \:\ \ \:\ / /:/ /:/_ / /:/~/:/
|
||||
// /__/:/ /://__/:/ \__\:\/__/:/ /://__/:/ \__\:\ ___ \__\:\/__/:/ /:/ /\/__/:/ /:/___
|
||||
// \ \:\/:/ \ \:\ / /:/\ \:\/:/ \ \:\ / /://__/\ | |:|\ \:\/:/ /:/\ \:\/:::::/
|
||||
// \ \::/ \ \:\ /:/ \ \::/ \ \:\ /:/ \ \:\| |:| \ \::/ /:/ \ \::/~~~~
|
||||
// \ \:\ \ \:\/:/ \ \:\ \ \:\/:/ \ \:\__|:| \ \:\/:/ \ \:\
|
||||
// \ \:\ \ \::/ \ \:\ \ \::/ \__\::::/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ ~~~~ \__\/ \__\/
|
||||
//
|
||||
// These are the key variables for styling the popover.
|
||||
// Just set the variable to none if you don't want that styling.
|
||||
|
||||
// KEY VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
// STYLES
|
||||
$popover-width: 22em !default; // Ideal width of the popover
|
||||
$popover-max-width: 90% !default; // Best as a % to accommodate smaller viewports
|
||||
$popover-max-height: 15em !default; // Maximum size of the content area
|
||||
$popover-color-background: rgb(250, 250, 250) !default; // Color of the popover background
|
||||
$popover-border-radius: 0.5em !default; // Radius of the corners of the popover
|
||||
$popover-border: 1px solid rgb(195, 195, 195) !default; // Border of the popover/ tooltip
|
||||
$popover-inactive-opacity: 0 !default; // Opacity of the popover when instantiated/ deactivating
|
||||
$popover-active-opacity: 0.97 !default; // Opacity of the popover when active
|
||||
$popover-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) !default; // Sets the box shadow under the popover/ tooltip
|
||||
$popover-bottom-position: auto !default; // Sets the bottom position of the popover. Use only when setting positionPopover to false in the script
|
||||
$popover-left-position: auto !default; // Sets the left position of the popover. Use only when setting positionPopover to false in the script
|
||||
$popover-tooltip-size: 1.3em !default; // Sets the side lengths of the tooltip
|
||||
$popover-scroll-indicator-width: 0.625em !default; // The width of the scroll indicator
|
||||
$popover-scroll-indicator-aspect-ratio: (15/12) !default; // The ratio of the height over the width of the scroll indicator
|
||||
$popover-scroll-indicator-opacity: 0.1 !default; // The active opacity of scroll indicators
|
||||
$popover-initial-transform-state: scale(0.1) translateZ(0) !default; // The inital transform state for the popover
|
||||
$popover-active-transform-state: scale(1) translateZ(0) !default; // The transform state for the popover once it is fully activated
|
||||
|
||||
// OPTIONAL ELEMENTS
|
||||
$popover-include-tooltip: true !default; // Adds a tooltip pointing to the footnote button
|
||||
$popover-include-scroll-indicator: true !default; // Adds an elipsis at the bottom of scrollable popovers
|
||||
$popover-include-scrolly-fades: true !default; // Fades content in on scrollable popovers
|
||||
$popover-scroll-indicator-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTIgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDExLjUiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNy41IEw1LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsNy41IEw5LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=") !default;
|
||||
|
||||
|
||||
// OTHER VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
// POPOVER
|
||||
$popover-margin-top: 0.1em !default;
|
||||
$popover-padding-content-horizontal: 1.3em !default;
|
||||
$popover-padding-content-top: 1.1em !default;
|
||||
$popover-padding-content-bottom: 1.2em !default;
|
||||
$popover-z-index: 10 !default; // Set the base so that it's above the other body children
|
||||
$popover-initial-transform-origin: 50% 0 !default;
|
||||
|
||||
// POPOVER CONTENT WRAPPER
|
||||
$popover-content-color-background: $popover-color-background !default;
|
||||
$popover-content-border-radius: $popover-border-radius !default;
|
||||
|
||||
// OTHER POPOVER ELEMENTS
|
||||
$popover-tooltip-background: $popover-color-background !default;
|
||||
$popover-tooltip-radius: 0 !default;
|
||||
$popover-scroll-indicator-bottom-position: 0.45em !default;
|
||||
$popover-scrolly-fade-gradient-start-location: 50% !default;
|
||||
$popover-scroll-indicator-padding: (($popover-padding-content-horizontal/2) - ($popover-scroll-indicator-width/2)) !default;
|
||||
|
||||
// TRANSITIONS
|
||||
$popover-transition-default-duration: 0.25s !default;
|
||||
$popover-scroll-indicator-transition-properties: opacity !default;
|
||||
|
||||
// Use none for areas you don't want to transition
|
||||
$popover-transition-properties: opacity, transform !default; // no mixin to do proper prefixing of the transform, so I have to do it manually; see mixin below
|
||||
$popover-scroll-indicator-transition-properties: opacity !default;
|
||||
$popover-scroll-up-transition-delay: 0.4s !default; // Sets the delay for the transition of the scroll indicator when scrolling upwards
|
||||
$popover-transition-default-timing-function: ease !default;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// _____ /__/\ ___ ___ / /\ /__/\
|
||||
// / /::\ \ \:\ / /\ / /\ / /::\ \ \:\
|
||||
// / /:/\:\ \ \:\ / /:/ / /:/ / /:/\:\ \ \:\
|
||||
// / /:/~/::\ ___ \ \:\ / /:/ / /:/ / /:/ \:\ _____\__\:\
|
||||
// /__/:/ /:/\:|/__/\ \__\:\ / /::\ / /::\ /__/:/ \__\:\/__/::::::::\
|
||||
// \ \:\/:/~/:/\ \:\ / /://__/:/\:\ /__/:/\:\\ \:\ / /:/\ \:\~~\~~\/
|
||||
// \ \::/ /:/ \ \:\ /:/ \__\/ \:\\__\/ \:\\ \:\ /:/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\/:/ \ \:\
|
||||
// \ \::/ \ \::/ \__\/ \__\/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/
|
||||
//
|
||||
// These are the key variables for styling the button.
|
||||
// Just set the variable to none if you don't want that styling.
|
||||
|
||||
// KEY VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
$button-height: 0.95em !default; // The total height of the button
|
||||
$button-width: auto !default; // The total button width (applies only if $button-apply-dimensions is true)
|
||||
$button-inner-circle-size: 0.25em !default; // Total height/width of the ellipsis circles
|
||||
$button-border-radius: 0.3em !default; // Border radius on the button itself
|
||||
$button-left-margin: 0.2em !default; // Margin between the button and the text to its left
|
||||
$button-right-margin: 0.1em !default; // Margin between the button and the text to its right
|
||||
$button-vertical-adjust: -0.1em !default; // Pushes the buttons along the vertical axis to align it with text as desired
|
||||
$button-inner-circle-left-margin: 1*$button-inner-circle-size !default; // Space between the ellipsis circles
|
||||
|
||||
$button-color: rgb(110, 110, 110) !default; // Background color of the button
|
||||
$button-hovered-color: $button-color !default; // Background color of the button when being hovered
|
||||
$button-activating-color: $button-color !default; // Background color of the button when being clicked
|
||||
$button-active-color: $button-color !default; // Background color of the button when active
|
||||
$button-standard-opacity: 0.2 !default; // Opacity for when the button is just sittin' there
|
||||
$button-hovered-opacity: 0.5 !default; // Opacity for when the button is being hovered over
|
||||
$button-activating-opacity: $button-hovered-opacity !default; // Opacity for when the button is being clicked
|
||||
$button-active-opacity: 1 !default; // Opacity for when the button is active
|
||||
$button-active-style-delay: 0.1s !default; // Delay before applying .active styles; this can be used to match to the popover activation transition
|
||||
|
||||
$button-inner-circle-color: white !default; // Background color of the ellipsis circle
|
||||
$button-inner-circle-border: none !default; // Border of the ellipsis circle
|
||||
|
||||
|
||||
// OTHER VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
$button-total-padding: $button-height - $button-inner-circle-size !default;
|
||||
$button-per-side-padding: 0.5*$button-total-padding !default;
|
||||
$button-transition-properties: background-color !default;
|
||||
|
||||
|
||||
|
||||
// -----
|
||||
|
||||
|
||||
// ___ ___ ___ ___
|
||||
// /__/\ ___ /__/| ___ /__/\ / /\
|
||||
// | |::\ / /\ | |:| / /\ \ \:\ / /:/_
|
||||
// | |:|:\ / /:/ | |:| / /:/ \ \:\ / /:/ /\
|
||||
// __|__|:|\:\ /__/::\ __|__|:| /__/::\ _____\__\:\ / /:/ /::\
|
||||
// /__/::::| \:\\__\/\:\__/__/::::\____\__\/\:\__ /__/::::::::\/__/:/ /:/\:\
|
||||
// \ \:\~~\__\/ \ \:\/\ ~\~~\::::/ \ \:\/\\ \:\~~\~~\/\ \:\/:/~/:/
|
||||
// \ \:\ \__\::/ |~~|:|~~ \__\::/ \ \:\ ~~~ \ \::/ /:/
|
||||
// \ \:\ /__/:/ | |:| /__/:/ \ \:\ \__\/ /:/
|
||||
// \ \:\ \__\/ | |:| \__\/ \ \:\ /__/:/
|
||||
// \__\/ |__|/ \__\/ \__\/
|
||||
|
||||
@mixin print-styles {
|
||||
// These styles restore the original footnote numbers and texts when the page is printed
|
||||
@media not print {
|
||||
.footnote-print-only {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
.bigfoot-footnote,
|
||||
.bigfoot-footnote__button {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// -----
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// _____ /__/\ ___ ___ / /\ /__/\
|
||||
// / /::\ \ \:\ / /\ / /\ / /::\ \ \:\
|
||||
// / /:/\:\ \ \:\ / /:/ / /:/ / /:/\:\ \ \:\
|
||||
// / /:/~/::\ ___ \ \:\ / /:/ / /:/ / /:/ \:\ _____\__\:\
|
||||
// /__/:/ /:/\:|/__/\ \__\:\ / /::\ / /::\ /__/:/ \__\:\/__/::::::::\
|
||||
// \ \:\/:/~/:/\ \:\ / /://__/:/\:\ /__/:/\:\\ \:\ / /:/\ \:\~~\~~\/
|
||||
// \ \::/ /:/ \ \:\ /:/ \__\/ \:\\__\/ \:\\ \:\ /:/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\/:/ \ \:\
|
||||
// \ \::/ \ \::/ \__\/ \__\/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// The button that activates the footnote. By default, this will appear as a
|
||||
// flat button that has an ellipse contained inside of it.
|
||||
|
||||
// @state .is-active - The associated popover has been activated and is visible.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__button {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
top: $button-vertical-adjust;
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;;
|
||||
display: inline-block;
|
||||
padding: $button-per-side-padding;
|
||||
margin: 0 $button-right-margin 0 $button-left-margin;
|
||||
|
||||
// BACKDROP
|
||||
border: none;
|
||||
border-radius: $button-border-radius;
|
||||
cursor: pointer;
|
||||
background-color: rgba($button-color, $button-standard-opacity);
|
||||
backface-visibility: hidden;
|
||||
|
||||
// TEXT
|
||||
font-size: 1rem;
|
||||
line-height: 0;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
// TRANSITIONS
|
||||
transition-property: $button-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: none;
|
||||
background-color: rgba($button-hovered-color, $button-hovered-opacity);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: rgba($button-activating-color, $button-activating-opacity);
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
background-color: rgba($button-active-color, $button-active-opacity);
|
||||
transition-delay: $button-active-style-delay;
|
||||
}
|
||||
|
||||
// Clearfix
|
||||
&:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// _____ ___ ___
|
||||
// / /::\ / /\ ___ / /\
|
||||
// / /:/\:\ / /::\ / /\ / /:/_
|
||||
// / /:/ \:\ / /:/\:\ / /:/ / /:/ /\
|
||||
// /__/:/ \__\:| / /:/ \:\ / /:/ / /:/ /::\
|
||||
// \ \:\ / /://__/:/ \__\:\ / /::\ /__/:/ /:/\:\
|
||||
// \ \:\ /:/ \ \:\ / /://__/:/\:\\ \:\/:/~/:/
|
||||
// \ \:\/:/ \ \:\ /:/ \__\/ \:\\ \::/ /:/
|
||||
// \ \::/ \ \:\/:/ \ \:\\__\/ /:/
|
||||
// \__\/ \ \::/ \__\/ /__/:/
|
||||
// \__\/ \__\/
|
||||
|
||||
//*
|
||||
// Each of the three circles forming the ellipse within the button.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__button__circle {
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
width: $button-inner-circle-size;
|
||||
height: $button-inner-circle-size;
|
||||
margin-right: $button-inner-circle-left-margin;
|
||||
float: left;
|
||||
|
||||
// Gets rid of margin on the last circle
|
||||
&:last-child { margin-right: 0; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___ ___ ___
|
||||
// / /\ / /\ /__/\ ___ / /\ ___ /__/\
|
||||
// / /:/ / /::\ \ \:\ / /\ / /::\ / /\ \ \:\
|
||||
// / /:/ / /:/\:\ \ \:\ / /:/ / /:/\:\ / /:/ \ \:\
|
||||
// / /:/ ___ / /:/ \:\ _____\__\:\ / /:/ / /:/~/::\ /__/::\ _____\__\:\
|
||||
// /__/:/ / /\/__/:/ \__\:\/__/::::::::\ / /::\ /__/:/ /:/\:\\__\/\:\__ /__/::::::::\
|
||||
// \ \:\ / /:/\ \:\ / /:/\ \:\~~\~~\//__/:/\:\\ \:\/:/__\/ \ \:\/\\ \:\~~\~~\/
|
||||
// \ \:\ /:/ \ \:\ /:/ \ \:\ ~~~ \__\/ \:\\ \::/ \__\::/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\ /__/:/ \ \:\
|
||||
// \ \::/ \ \::/ \ \:\ \__\/ \ \:\ \__\/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
//*
|
||||
// The container for the button and popover. This is required so that the popover
|
||||
// is guaranteed to have a relatively-positioned container, and to help with the
|
||||
// positioning calculation.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__container {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// / /\ / /\ ___ /__/\ ___
|
||||
// / /::\ / /::\ / /\ \ \:\ / /\
|
||||
// / /:/\:\ / /:/\:\ / /:/ \ \:\ / /:/
|
||||
// / /:/~/:// /:/~/:/ /__/::\ _____\__\:\ / /:/
|
||||
// /__/:/ /://__/:/ /:/___\__\/\:\__ /__/::::::::\ / /::\
|
||||
// \ \:\/:/ \ \:\/:::::/ \ \:\/\\ \:\~~\~~\//__/:/\:\
|
||||
// \ \::/ \ \::/~~~~ \__\::/ \ \:\ ~~~ \__\/ \:\
|
||||
// \ \:\ \ \:\ /__/:/ \ \:\ \ \:\
|
||||
// \ \:\ \ \:\ \__\/ \ \:\ \__\/
|
||||
// \__\/ \__\/ \__\/
|
||||
|
||||
@include print-styles;
|
||||
|
||||
|
||||
|
||||
// -----
|
||||
|
||||
|
||||
// ___ ___ ___ ___ ___ ___
|
||||
// / /\ / /\ / /\ / /\ ___ / /\ / /\
|
||||
// / /::\ / /::\ / /::\ / /::\ /__/\ / /:/_ / /::\
|
||||
// / /:/\:\ / /:/\:\ / /:/\:\ / /:/\:\ \ \:\ / /:/ /\ / /:/\:\
|
||||
// / /:/~/:// /:/ \:\ / /:/~/:// /:/ \:\ \ \:\ / /:/ /:/_ / /:/~/:/
|
||||
// /__/:/ /://__/:/ \__\:\/__/:/ /://__/:/ \__\:\ ___ \__\:\/__/:/ /:/ /\/__/:/ /:/___
|
||||
// \ \:\/:/ \ \:\ / /:/\ \:\/:/ \ \:\ / /://__/\ | |:|\ \:\/:/ /:/\ \:\/:::::/
|
||||
// \ \::/ \ \:\ /:/ \ \::/ \ \:\ /:/ \ \:\| |:| \ \::/ /:/ \ \::/~~~~
|
||||
// \ \:\ \ \:\/:/ \ \:\ \ \:\/:/ \ \:\__|:| \ \:\/:/ \ \:\
|
||||
// \ \:\ \ \::/ \ \:\ \ \::/ \__\::::/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ ~~~~ \__\/ \__\/
|
||||
//
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// The popover for the footnote. This popover will be, by default, be sized and positioned
|
||||
// by the script. However, many of the sizes can be established in this stylesheet and
|
||||
// will be respected by the script. `max-width` will limit the width of the popover
|
||||
// relative to the viewport. `width` (on `bigfoot-footnote__wrapper`) will set the
|
||||
// absolute max width. Max height can be set via a `max-height` property
|
||||
// on `bigfoot-footnote__content`.
|
||||
|
||||
// By default, the popover has a light gray background, a shadow for some depth,
|
||||
// rounded corners, and a tooltip pointing to the footnote button.
|
||||
|
||||
// @state .is-active - The popover has been activated and is visible.
|
||||
// @state .is-positioned-top - The popover is above the button.
|
||||
// @state .is-positioned-bottom - The popover is below the button.
|
||||
// @state .is-scrollable - The popover content is greater than the popover height.
|
||||
// @state .is-fully-scrolled - The popover content is scrolled to the bottom.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote {
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
z-index: $popover-z-index;
|
||||
top: 0; left: 0;
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
// Height is set in .footnote-content-wrapper
|
||||
max-width: $popover-max-width;
|
||||
// 1.414213... is to get the diagonal height of the tooltip using pythagorus, yo.
|
||||
margin: ((1.4142135624 * $popover-tooltip-size / 2) + $button-height + $popover-margin-top) 0;
|
||||
// fits the popover to the contents
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-color-background;
|
||||
opacity: $popover-inactive-opacity;
|
||||
border-radius: $popover-border-radius;
|
||||
border: $popover-border;
|
||||
box-shadow: $popover-box-shadow;
|
||||
|
||||
// TEXT
|
||||
line-height: 0;
|
||||
|
||||
// TRANSITIONS
|
||||
transition-property: $popover-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
transition-timing-function: $popover-transition-default-timing-function;
|
||||
|
||||
// TRANSFORMS
|
||||
transform: $popover-initial-transform-state;
|
||||
transform-origin: $popover-initial-transform-origin;
|
||||
|
||||
&.is-positioned-top {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
transform: $popover-active-transform-state;
|
||||
opacity: $popover-active-opacity;
|
||||
}
|
||||
|
||||
&.is-bottom-fixed {
|
||||
// POSITIONING
|
||||
position: fixed;
|
||||
bottom: 0; top: auto;
|
||||
left: 0; right: auto;
|
||||
transform: translateY(100%);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
||||
// BACKDROP
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
border-width: 1px 0 0;
|
||||
|
||||
// TRANSITIONS
|
||||
transition: transform 0.3s ease;
|
||||
|
||||
&.is-active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
margin: 0 0 0 50%;
|
||||
transform: translateX(-50%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper,
|
||||
.bigfoot-footnote__content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-scrollable {
|
||||
// A scrollable indicator in the left margin of the popover.
|
||||
&:after {
|
||||
// CONTENT
|
||||
content: '';
|
||||
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
bottom: $popover-scroll-indicator-padding;
|
||||
left: $popover-scroll-indicator-padding;
|
||||
z-index: ($popover-z-index + 4);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: block;
|
||||
height: ($popover-scroll-indicator-width*$popover-scroll-indicator-aspect-ratio);
|
||||
width: $popover-scroll-indicator-width;
|
||||
|
||||
// BACKDROP
|
||||
background-image: $popover-scroll-indicator-icon;
|
||||
background-size: cover;
|
||||
opacity: $popover-scroll-indicator-opacity;
|
||||
transition-properties: $popover-scroll-indicator-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
transition-timing-function: $popover-transition-default-timing-function;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
// Above the content
|
||||
z-index: ($popover-z-index + 2);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: -1px;
|
||||
height: $popover-padding-content-top;
|
||||
border-radius: $popover-border-radius $popover-border-radius 0 0;
|
||||
background-image: linear-gradient(to bottom, $popover-color-background $popover-scrolly-fade-gradient-start-location, transparentize($popover-color-background, 1) 100%);
|
||||
}
|
||||
|
||||
&:after {
|
||||
bottom: -1px;
|
||||
height: $popover-padding-content-bottom;
|
||||
border-radius: 0 0 $popover-border-radius $popover-border-radius;
|
||||
background-image: linear-gradient(to top, $popover-color-background $popover-scrolly-fade-gradient-start-location, transparentize($popover-color-background, 1) 100%);
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar { display: none; }
|
||||
}
|
||||
|
||||
&.is-fully-scrolled {
|
||||
&:after,
|
||||
&:before {
|
||||
opacity: 0;
|
||||
transition-delay: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// Wraps around the footnote content. This is necessary in order to have an element
|
||||
// above the tooltip and that can provide top and bottom indicators that there is
|
||||
// additional content on scrollable popovers.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
// Above the outer tooltip, below the inner tooltip
|
||||
z-index: ($popover-z-index + 4);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
width: $popover-width;
|
||||
display: inline-block;
|
||||
box-sizing: inherit;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
|
||||
// BACKDROP
|
||||
background-color: $popover-color-background;
|
||||
border-radius: $popover-border-radius;
|
||||
|
||||
// TEXT
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// Contains the actual footnote content. There is very little prescription here
|
||||
// on the footnote content itself, except for removing and top margin on the first
|
||||
// element and bottom margin on the last child.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__content {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
z-index: ($popover-z-index - 2); // Below fading bars
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
max-height: $popover-max-height;
|
||||
padding: $popover-padding-content-top $popover-padding-content-horizontal $popover-padding-content-bottom;
|
||||
box-sizing: inherit;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-content-color-background;
|
||||
border-radius: $popover-content-border-radius;
|
||||
|
||||
// TEXT
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
line-height: normal;
|
||||
|
||||
// INTERIOR ELEMENTS
|
||||
img { max-width: 100%; }
|
||||
*:last-child { margin-bottom: 0 !important; }
|
||||
*:first-child { margin-top: 0 !important; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// A triangular shape pointing towards the footnote button.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
// Above the footnote-main-wrapper and the outer tooltip
|
||||
z-index: ($popover-z-index + 2);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
box-sizing: border-box;
|
||||
margin-left: (-0.5 * $popover-tooltip-size);
|
||||
// Smaller by one border-width's worth
|
||||
width: $popover-tooltip-size;
|
||||
height: $popover-tooltip-size;
|
||||
transform: rotate(45deg);
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-tooltip-background;
|
||||
border: $popover-border;
|
||||
box-shadow: $popover-box-shadow;
|
||||
border-top-left-radius: $popover-tooltip-radius;
|
||||
|
||||
.is-positioned-bottom & {
|
||||
top: (-0.5 * $popover-tooltip-size);
|
||||
}
|
||||
|
||||
.is-positioned-top & {
|
||||
bottom: (-0.5 * $popover-tooltip-size);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// -----
|
||||
|
||||
|
||||
// ___ ___ ___ ___ ___
|
||||
// /__/\ /__/\ /__/\ _____ / /\ / /\
|
||||
// \ \:\ \ \:\ | |::\ / /::\ / /:/_ / /::\
|
||||
// \ \:\ \ \:\ | |:|:\ / /:/\:\ / /:/ /\ / /:/\:\
|
||||
// _____\__\:\ ___ \ \:\ __|__|:|\:\ / /:/~/::\ / /:/ /:/_ / /:/~/:/
|
||||
// /__/::::::::\/__/\ \__\:\/__/::::| \:\/__/:/ /:/\:|/__/:/ /:/ /\/__/:/ /:/___
|
||||
// \ \:\~~\~~\/\ \:\ / /:/\ \:\~~\__\/\ \:\/:/~/:/\ \:\/:/ /:/\ \:\/:::::/
|
||||
// \ \:\ ~~~ \ \:\ /:/ \ \:\ \ \::/ /:/ \ \::/ /:/ \ \::/~~~~
|
||||
// \ \:\ \ \:\/:/ \ \:\ \ \:\/:/ \ \:\/:/ \ \:\
|
||||
// \ \:\ \ \::/ \ \:\ \ \::/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// A button that has no ellipse, but instead shows the footnote's number on the
|
||||
// page. Note that the number will be reset to 1 depending on the selector passed
|
||||
// to bigfoot's `numberResetSelector` option.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__button {
|
||||
position: relative;
|
||||
height: $button-height;
|
||||
width: 1.5em;
|
||||
border-radius: $button-height/2;
|
||||
|
||||
&:after {
|
||||
// CONTENT
|
||||
content: attr(data-footnote-number);
|
||||
|
||||
// POSITION
|
||||
position: absolute;
|
||||
top: 50%; left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: block;
|
||||
|
||||
// TEXT
|
||||
font-size: $button-height*0.6;
|
||||
font-weight: bold;
|
||||
color: rgba($button-color, 0.5);
|
||||
|
||||
// TRANSITIONS
|
||||
transition: color $popover-transition-default-duration $popover-transition-default-timing-function;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.is-active {
|
||||
&:after {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button__circle {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -0,0 +1,638 @@
|
|||
(function() {
|
||||
(function($) {
|
||||
return $.bigfoot = function(options) {
|
||||
var addBreakpoint, baseFontSize, bigfoot, buttonHover, calculatePixelDimension, cleanFootnoteLinks, clickButton, createPopover, defaults, deleteEmptyOrHR, escapeKeypress, footnoteInit, getSetting, makeDefaultCallbacks, popoverStates, positionTooltip, removeBackLinks, removeBreakpoint, removePopovers, replaceWithReferenceAttributes, repositionFeet, roomCalc, settings, touchClick, unhoverFeet, updateSetting, viewportDetails;
|
||||
bigfoot = void 0;
|
||||
defaults = {
|
||||
actionOriginalFN: "hide",
|
||||
activateCallback: function() {},
|
||||
activateOnHover: false,
|
||||
allowMultipleFN: false,
|
||||
anchorPattern: /(fn|footnote|note)[:\-_\d]/gi,
|
||||
anchorParentTagname: 'sup',
|
||||
breakpoints: {},
|
||||
deleteOnUnhover: false,
|
||||
footnoteParentClass: 'footnote',
|
||||
footnoteTagname: 'li',
|
||||
hoverDelay: 250,
|
||||
numberResetSelector: void 0,
|
||||
popoverDeleteDelay: 300,
|
||||
popoverCreateDelay: 100,
|
||||
positionContent: true,
|
||||
preventPageScroll: true,
|
||||
scope: false,
|
||||
useFootnoteOnlyOnce: true,
|
||||
contentMarkup: "<aside class='bigfoot-footnote is-positioned-bottom' data-footnote-number='{{FOOTNOTENUM}}' data-footnote-identifier='{{FOOTNOTEID}}' alt='Footnote {{FOOTNOTENUM}}'> <div class='bigfoot-footnote__wrapper'> <div class='bigfoot-footnote__content'> {{FOOTNOTECONTENT}} </div></div> <div class='bigfoot-footnote__tooltip'></div> </aside>",
|
||||
buttonMarkup: "<div class='bigfoot-footnote__container'> <button class='bigfoot-footnote__button' id='{{SUP:data-footnote-backlink-ref}}' data-footnote-number='{{FOOTNOTENUM}}' data-footnote-identifier='{{FOOTNOTEID}}' alt='See Footnote {{FOOTNOTENUM}}' rel='footnote' data-bigfoot-footnote='{{FOOTNOTECONTENT}}'> <svg class='bigfoot-footnote__button__circle' viewbox='0 0 6 6' preserveAspectRatio='xMinYMin'><circle r='3' cx='3' cy='3' fill='white'></circle></svg> <svg class='bigfoot-footnote__button__circle' viewbox='0 0 6 6' preserveAspectRatio='xMinYMin'><circle r='3' cx='3' cy='3' fill='white'></circle></svg> <svg class='bigfoot-footnote__button__circle' viewbox='0 0 6 6' preserveAspectRatio='xMinYMin'><circle r='3' cx='3' cy='3' fill='white'></circle></svg> </button></div>"
|
||||
};
|
||||
settings = $.extend(defaults, options);
|
||||
popoverStates = {};
|
||||
footnoteInit = function() {
|
||||
var $curResetElement, $currentLastFootnoteLink, $footnoteAnchors, $footnoteButton, $lastResetElement, $parent, $relevantFNLink, $relevantFootnote, finalFNLinks, footnoteButton, footnoteButtonSearchQuery, footnoteContent, footnoteIDNum, footnoteLinks, footnoteNum, footnotes, i, _i, _ref, _results;
|
||||
footnoteButtonSearchQuery = settings.scope ? "" + settings.scope + " a[href*='#']" : "a[href*='#']";
|
||||
$footnoteAnchors = $(footnoteButtonSearchQuery).filter(function() {
|
||||
var $this, relAttr;
|
||||
$this = $(this);
|
||||
relAttr = $this.attr("rel");
|
||||
if (relAttr === "null" || (relAttr == null)) {
|
||||
relAttr = "";
|
||||
}
|
||||
return ("" + ($this.attr("href")) + relAttr).match(settings.anchorPattern) && $this.closest("[class*=" + settings.footnoteParentClass + "]:not(a):not(" + settings.anchorParentTagname + ")").length < 1;
|
||||
});
|
||||
footnotes = [];
|
||||
footnoteLinks = [];
|
||||
finalFNLinks = [];
|
||||
cleanFootnoteLinks($footnoteAnchors, footnoteLinks);
|
||||
$(footnoteLinks).each(function() {
|
||||
var $closestFootnoteEl, relatedFN;
|
||||
relatedFN = $(this).data("footnote-ref").replace(/[:.+~*\]\[]/g, "\\$&");
|
||||
if (settings.useFootnoteOnlyOnce) {
|
||||
relatedFN = "" + relatedFN + ":not(.footnote-processed)";
|
||||
}
|
||||
$closestFootnoteEl = $(relatedFN).closest(settings.footnoteTagname);
|
||||
if ($closestFootnoteEl.length > 0) {
|
||||
footnotes.push($closestFootnoteEl.first().addClass("footnote-processed"));
|
||||
return finalFNLinks.push(this);
|
||||
}
|
||||
});
|
||||
$currentLastFootnoteLink = $("[data-footnote-identifier]:last");
|
||||
footnoteIDNum = $currentLastFootnoteLink.length < 1 ? 0 : +$currentLastFootnoteLink.data("footnote-identifier");
|
||||
_results = [];
|
||||
for (i = _i = 0, _ref = footnotes.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
|
||||
footnoteContent = removeBackLinks($(footnotes[i]).html().trim(), $(finalFNLinks[i]).data("footnote-backlink-ref"));
|
||||
footnoteContent = footnoteContent.replace(/"/g, """).replace(/</g, "<sym;").replace(/>/g, ">sym;").replace(/'/g, "'");
|
||||
footnoteIDNum += 1;
|
||||
footnoteButton = "";
|
||||
$relevantFNLink = $(finalFNLinks[i]);
|
||||
$relevantFootnote = $(footnotes[i]);
|
||||
if (settings.numberResetSelector != null) {
|
||||
$curResetElement = $relevantFNLink.closest(settings.numberResetSelector);
|
||||
if ($curResetElement.is($lastResetElement)) {
|
||||
footnoteNum += 1;
|
||||
} else {
|
||||
footnoteNum = 1;
|
||||
}
|
||||
$lastResetElement = $curResetElement;
|
||||
} else {
|
||||
footnoteNum = footnoteIDNum;
|
||||
}
|
||||
if (footnoteContent.indexOf("<") !== 0) {
|
||||
footnoteContent = "<p>" + footnoteContent + "</p>";
|
||||
}
|
||||
footnoteButton = settings.buttonMarkup.replace(/\{\{FOOTNOTENUM\}\}/g, footnoteNum).replace(/\{\{FOOTNOTEID\}\}/g, footnoteIDNum).replace(/\{\{FOOTNOTECONTENT\}\}/g, footnoteContent);
|
||||
footnoteButton = replaceWithReferenceAttributes(footnoteButton, "SUP", $relevantFNLink);
|
||||
footnoteButton = replaceWithReferenceAttributes(footnoteButton, "FN", $relevantFootnote);
|
||||
$footnoteButton = $(footnoteButton).insertBefore($relevantFNLink);
|
||||
$parent = $relevantFootnote.parent();
|
||||
switch (settings.actionOriginalFN.toLowerCase()) {
|
||||
case "hide":
|
||||
$relevantFNLink.addClass("footnote-print-only");
|
||||
$relevantFootnote.addClass("footnote-print-only");
|
||||
_results.push(deleteEmptyOrHR($parent));
|
||||
break;
|
||||
case "delete":
|
||||
$relevantFNLink.remove();
|
||||
$relevantFootnote.remove();
|
||||
_results.push(deleteEmptyOrHR($parent));
|
||||
break;
|
||||
default:
|
||||
_results.push($relevantFNLink.addClass("footnote-print-only"));
|
||||
}
|
||||
}
|
||||
return _results;
|
||||
};
|
||||
cleanFootnoteLinks = function($footnoteAnchors, footnoteLinks) {
|
||||
var $parent, $supChild, linkHREF, linkID;
|
||||
if (footnoteLinks == null) {
|
||||
footnoteLinks = [];
|
||||
}
|
||||
$parent = void 0;
|
||||
$supChild = void 0;
|
||||
linkHREF = void 0;
|
||||
linkID = void 0;
|
||||
$footnoteAnchors.each(function() {
|
||||
var $child, $this;
|
||||
$this = $(this);
|
||||
linkHREF = "#" + ($this.attr("href")).split("#")[1];
|
||||
$parent = $this.closest(settings.anchorParentTagname);
|
||||
$child = $this.find(settings.anchorParentTagname);
|
||||
if ($parent.length > 0) {
|
||||
linkID = ($parent.attr("id") || "") + ($this.attr("id") || "");
|
||||
return footnoteLinks.push($parent.attr({
|
||||
"data-footnote-backlink-ref": linkID,
|
||||
"data-footnote-ref": linkHREF
|
||||
}));
|
||||
} else if ($child.length > 0) {
|
||||
linkID = ($child.attr("id") || "") + ($this.attr("id") || "");
|
||||
return footnoteLinks.push($this.attr({
|
||||
"data-footnote-backlink-ref": linkID,
|
||||
"data-footnote-ref": linkHREF
|
||||
}));
|
||||
} else {
|
||||
linkID = $this.attr("id") || "";
|
||||
return footnoteLinks.push($this.attr({
|
||||
"data-footnote-backlink-ref": linkID,
|
||||
"data-footnote-ref": linkHREF
|
||||
}));
|
||||
}
|
||||
});
|
||||
};
|
||||
deleteEmptyOrHR = function($el) {
|
||||
var $parent;
|
||||
$parent = void 0;
|
||||
if ($el.is(":empty") || $el.children(":not(.footnote-print-only)").length === 0) {
|
||||
$parent = $el.parent();
|
||||
if (settings.actionOriginalFN.toLowerCase() === "delete") {
|
||||
$el.remove();
|
||||
} else {
|
||||
$el.addClass("footnote-print-only");
|
||||
}
|
||||
return deleteEmptyOrHR($parent);
|
||||
} else if ($el.children(":not(.footnote-print-only)").length === $el.children("hr:not(.footnote-print-only)").length) {
|
||||
$parent = $el.parent();
|
||||
if (settings.actionOriginalFN.toLowerCase() === "delete") {
|
||||
$el.remove();
|
||||
} else {
|
||||
$el.children("hr").addClass("footnote-print-only");
|
||||
$el.addClass("footnote-print-only");
|
||||
}
|
||||
return deleteEmptyOrHR($parent);
|
||||
}
|
||||
};
|
||||
removeBackLinks = function(footnoteHTML, backlinkID) {
|
||||
var regex;
|
||||
if (backlinkID.indexOf(' ') >= 0) {
|
||||
backlinkID = backlinkID.trim().replace(/\s+/g, "|").replace(/(.*)/g, "($1)");
|
||||
}
|
||||
regex = new RegExp("(\\s| )*<\\s*a[^#<]*#" + backlinkID + "[^>]*>(.*?)<\\s*/\\s*a>", "g");
|
||||
return footnoteHTML.replace(regex, "").replace("[]", "");
|
||||
};
|
||||
replaceWithReferenceAttributes = function(string, referenceKeyword, $referenceElement) {
|
||||
var refMatches, refRegex, refReplaceRegex, refReplaceText;
|
||||
refRegex = new RegExp("\\{\\{" + referenceKeyword + ":([^\\}]*)\\}\\}", "g");
|
||||
refMatches = void 0;
|
||||
refReplaceText = void 0;
|
||||
refReplaceRegex = void 0;
|
||||
refMatches = refRegex.exec(string);
|
||||
while (refMatches) {
|
||||
if (refMatches[1]) {
|
||||
refReplaceText = $referenceElement.attr(refMatches[1]) || "";
|
||||
string = string.replace("{{" + referenceKeyword + ":" + refMatches[1] + "}}", refReplaceText);
|
||||
}
|
||||
refMatches = refRegex.exec(string);
|
||||
}
|
||||
return string;
|
||||
};
|
||||
buttonHover = function(event) {
|
||||
var $buttonHovered, dataIdentifier, otherPopoverSelector;
|
||||
if (settings.activateOnHover) {
|
||||
$buttonHovered = $(event.target).closest(".bigfoot-footnote__button");
|
||||
dataIdentifier = "[data-footnote-identifier='" + ($buttonHovered.attr("data-footnote-identifier")) + "']";
|
||||
if ($buttonHovered.hasClass("is-active")) {
|
||||
return;
|
||||
}
|
||||
$buttonHovered.addClass("is-hover-instantiated");
|
||||
if (!settings.allowMultipleFN) {
|
||||
otherPopoverSelector = ".bigfoot-footnote:not(" + dataIdentifier + ")";
|
||||
removePopovers(otherPopoverSelector);
|
||||
}
|
||||
createPopover(".bigfoot-footnote__button" + dataIdentifier).addClass("is-hover-instantiated");
|
||||
}
|
||||
};
|
||||
touchClick = function(event) {
|
||||
var $nearButton, $nearFootnote, $target;
|
||||
$target = $(event.target);
|
||||
$nearButton = $target.closest(".bigfoot-footnote__button");
|
||||
$nearFootnote = $target.closest(".bigfoot-footnote");
|
||||
if ($nearButton.length > 0) {
|
||||
event.preventDefault();
|
||||
clickButton($nearButton);
|
||||
} else if ($nearFootnote.length < 1) {
|
||||
if ($(".bigfoot-footnote").length > 0) {
|
||||
removePopovers();
|
||||
}
|
||||
}
|
||||
};
|
||||
clickButton = function($button) {
|
||||
var dataIdentifier;
|
||||
$button.blur();
|
||||
dataIdentifier = "data-footnote-identifier='" + ($button.attr("data-footnote-identifier")) + "'";
|
||||
if ($button.hasClass("changing")) {
|
||||
return;
|
||||
} else if (!$button.hasClass("is-active")) {
|
||||
$button.addClass("changing");
|
||||
setTimeout((function() {
|
||||
return $button.removeClass("changing");
|
||||
}), settings.popoverCreateDelay);
|
||||
createPopover(".bigfoot-footnote__button[" + dataIdentifier + "]");
|
||||
$button.addClass("is-click-instantiated");
|
||||
if (!settings.allowMultipleFN) {
|
||||
removePopovers(".bigfoot-footnote:not([" + dataIdentifier + "])");
|
||||
}
|
||||
} else {
|
||||
if (!settings.allowMultipleFN) {
|
||||
removePopovers();
|
||||
} else {
|
||||
removePopovers(".bigfoot-footnote[" + dataIdentifier + "]");
|
||||
}
|
||||
}
|
||||
};
|
||||
createPopover = function(selector) {
|
||||
var $buttons, $popoversCreated;
|
||||
$buttons = void 0;
|
||||
if (typeof selector !== "string" && settings.allowMultipleFN) {
|
||||
$buttons = selector;
|
||||
} else if (typeof selector !== "string") {
|
||||
$buttons = selector.first();
|
||||
} else if (settings.allowMultipleFN) {
|
||||
$buttons = $(selector).closest(".bigfoot-footnote__button");
|
||||
} else {
|
||||
$buttons = $(selector + ":first").closest(".bigfoot-footnote__button");
|
||||
}
|
||||
$popoversCreated = $();
|
||||
$buttons.each(function() {
|
||||
var $content, $contentContainer, $this, content;
|
||||
$this = $(this);
|
||||
content = void 0;
|
||||
try {
|
||||
content = settings.contentMarkup.replace(/\{\{FOOTNOTENUM\}\}/g, $this.attr("data-footnote-number")).replace(/\{\{FOOTNOTEID\}\}/g, $this.attr("data-footnote-identifier")).replace(/\{\{FOOTNOTECONTENT\}\}/g, $this.attr("data-bigfoot-footnote")).replace(/\>sym\;/g, ">").replace(/\<sym\;/g, "<");
|
||||
return content = replaceWithReferenceAttributes(content, "BUTTON", $this);
|
||||
} finally {
|
||||
$content = $(content);
|
||||
try {
|
||||
settings.activateCallback($content, $this);
|
||||
} catch (_error) {}
|
||||
$content.insertAfter($buttons);
|
||||
popoverStates[$this.attr("data-footnote-identifier")] = "init";
|
||||
$content.attr("bigfoot-max-width", calculatePixelDimension($content.css("max-width"), $content));
|
||||
$content.css("max-width", 10000);
|
||||
$contentContainer = $content.find(".bigfoot-footnote__content");
|
||||
$content.attr("data-bigfoot-max-height", calculatePixelDimension($contentContainer.css("max-height"), $contentContainer));
|
||||
repositionFeet();
|
||||
$this.addClass("is-active");
|
||||
$content.find(".bigfoot-footnote__content").bindScrollHandler();
|
||||
$popoversCreated = $popoversCreated.add($content);
|
||||
}
|
||||
});
|
||||
setTimeout((function() {
|
||||
return $popoversCreated.addClass("is-active");
|
||||
}), settings.popoverCreateDelay);
|
||||
return $popoversCreated;
|
||||
};
|
||||
baseFontSize = function() {
|
||||
var el, size;
|
||||
el = document.createElement("div");
|
||||
el.style.cssText = "display:inline-block;padding:0;line-height:1;position:absolute;visibility:hidden;font-size:1em;";
|
||||
el.appendChild(document.createElement("M"));
|
||||
document.body.appendChild(el);
|
||||
size = el.offsetHeight;
|
||||
document.body.removeChild(el);
|
||||
return size;
|
||||
};
|
||||
calculatePixelDimension = function(dim, $el) {
|
||||
if (dim === "none") {
|
||||
dim = 10000;
|
||||
} else if (dim.indexOf("rem") >= 0) {
|
||||
dim = parseFloat(dim) * baseFontSize();
|
||||
} else if (dim.indexOf("em") >= 0) {
|
||||
dim = parseFloat(dim) * parseFloat($el.css("font-size"));
|
||||
} else if (dim.indexOf("px") >= 0) {
|
||||
dim = parseFloat(dim);
|
||||
if (dim <= 60) {
|
||||
dim = dim / parseFloat($el.parent().css("width"));
|
||||
}
|
||||
} else if (dim.indexOf("%") >= 0) {
|
||||
dim = parseFloat(dim) / 100;
|
||||
}
|
||||
return dim;
|
||||
};
|
||||
$.fn.bindScrollHandler = function() {
|
||||
if (!settings.preventPageScroll) {
|
||||
return $(this);
|
||||
}
|
||||
$(this).on("DOMMouseScroll mousewheel", function(event) {
|
||||
var $popover, $this, delta, height, prevent, scrollHeight, scrollTop, up;
|
||||
$this = $(this);
|
||||
scrollTop = $this.scrollTop();
|
||||
scrollHeight = $this[0].scrollHeight;
|
||||
height = parseInt($this.css("height"));
|
||||
$popover = $this.closest(".bigfoot-footnote");
|
||||
if ($this.scrollTop() > 0 && $this.scrollTop() < 10) {
|
||||
$popover.addClass("is-scrollable");
|
||||
}
|
||||
if (!$popover.hasClass("is-scrollable")) {
|
||||
return;
|
||||
}
|
||||
delta = event.type === "DOMMouseScroll" ? event.originalEvent.detail * -40 : event.originalEvent.wheelDelta;
|
||||
up = delta > 0;
|
||||
prevent = function() {
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
event.returnValue = false;
|
||||
return false;
|
||||
};
|
||||
if (!up && -delta > scrollHeight - height - scrollTop) {
|
||||
$this.scrollTop(scrollHeight);
|
||||
$popover.addClass("is-fully-scrolled");
|
||||
return prevent();
|
||||
} else if (up && delta > scrollTop) {
|
||||
$this.scrollTop(0);
|
||||
$popover.removeClass("is-fully-scrolled");
|
||||
return prevent();
|
||||
} else {
|
||||
return $popover.removeClass("is-fully-scrolled");
|
||||
}
|
||||
});
|
||||
return $(this);
|
||||
};
|
||||
unhoverFeet = function(e) {
|
||||
if (settings.deleteOnUnhover && settings.activateOnHover) {
|
||||
return setTimeout((function() {
|
||||
var $target;
|
||||
$target = $(e.target).closest(".bigfoot-footnote, .bigfoot-footnote__button");
|
||||
if ($(".bigfoot-footnote__button:hover, .bigfoot-footnote:hover").length < 1) {
|
||||
return removePopovers();
|
||||
}
|
||||
}), settings.hoverDelay);
|
||||
}
|
||||
};
|
||||
escapeKeypress = function(event) {
|
||||
if (event.keyCode === 27) {
|
||||
return removePopovers();
|
||||
}
|
||||
};
|
||||
removePopovers = function(footnotes, timeout) {
|
||||
var $buttonsClosed, $linkedButton, $this, footnoteID;
|
||||
if (footnotes == null) {
|
||||
footnotes = ".bigfoot-footnote";
|
||||
}
|
||||
if (timeout == null) {
|
||||
timeout = settings.popoverDeleteDelay;
|
||||
}
|
||||
$buttonsClosed = $();
|
||||
footnoteID = void 0;
|
||||
$linkedButton = void 0;
|
||||
$this = void 0;
|
||||
$(footnotes).each(function() {
|
||||
$this = $(this);
|
||||
footnoteID = $this.attr("data-footnote-identifier");
|
||||
$linkedButton = $(".bigfoot-footnote__button[data-footnote-identifier='" + footnoteID + "']");
|
||||
if (!$linkedButton.hasClass("changing")) {
|
||||
$buttonsClosed = $buttonsClosed.add($linkedButton);
|
||||
$linkedButton.removeClass("is-active is-hover-instantiated is-click-instantiated").addClass("changing");
|
||||
$this.removeClass("is-active").addClass("disapearing");
|
||||
return setTimeout((function() {
|
||||
$this.remove();
|
||||
delete popoverStates[footnoteID];
|
||||
return $linkedButton.removeClass("changing");
|
||||
}), timeout);
|
||||
}
|
||||
});
|
||||
return $buttonsClosed;
|
||||
};
|
||||
repositionFeet = function(e) {
|
||||
var type;
|
||||
if (settings.positionContent) {
|
||||
type = e ? e.type : "resize";
|
||||
$(".bigfoot-footnote").each(function() {
|
||||
var $button, $contentWrapper, $mainWrap, $this, dataIdentifier, identifier, lastState, marginSize, maxHeightInCSS, maxHeightOnScreen, maxWidth, maxWidthInCSS, positionOnTop, relativeToWidth, roomLeft, totalHeight;
|
||||
$this = $(this);
|
||||
identifier = $this.attr("data-footnote-identifier");
|
||||
dataIdentifier = "data-footnote-identifier='" + identifier + "'";
|
||||
$contentWrapper = $this.find(".bigfoot-footnote__content");
|
||||
$button = $this.siblings(".bigfoot-footnote__button");
|
||||
roomLeft = roomCalc($button);
|
||||
marginSize = parseFloat($this.css("margin-top"));
|
||||
maxHeightInCSS = +($this.attr("data-bigfoot-max-height"));
|
||||
totalHeight = 2 * marginSize + $this.outerHeight();
|
||||
maxHeightOnScreen = 10000;
|
||||
positionOnTop = roomLeft.bottomRoom < totalHeight && roomLeft.topRoom > roomLeft.bottomRoom;
|
||||
lastState = popoverStates[identifier];
|
||||
if (positionOnTop) {
|
||||
if (lastState !== "top") {
|
||||
popoverStates[identifier] = "top";
|
||||
$this.addClass("is-positioned-top").removeClass("is-positioned-bottom");
|
||||
$this.css("transform-origin", (roomLeft.leftRelative * 100) + "% 100%");
|
||||
}
|
||||
maxHeightOnScreen = roomLeft.topRoom - marginSize - 15;
|
||||
} else {
|
||||
if (lastState !== "bottom" || lastState === "init") {
|
||||
popoverStates[identifier] = "bottom";
|
||||
$this.removeClass("is-positioned-top").addClass("is-positioned-bottom");
|
||||
$this.css("transform-origin", (roomLeft.leftRelative * 100) + "% 0%");
|
||||
}
|
||||
maxHeightOnScreen = roomLeft.bottomRoom - marginSize - 15;
|
||||
}
|
||||
$this.find(".bigfoot-footnote__content").css({
|
||||
"max-height": Math.min(maxHeightOnScreen, maxHeightInCSS) + "px"
|
||||
});
|
||||
if (type === "resize") {
|
||||
maxWidthInCSS = parseFloat($this.attr("bigfoot-max-width"));
|
||||
$mainWrap = $this.find(".bigfoot-footnote__wrapper");
|
||||
maxWidth = maxWidthInCSS;
|
||||
if (maxWidthInCSS <= 1) {
|
||||
relativeToWidth = (function() {
|
||||
var jq, userSpecifiedRelativeElWidth;
|
||||
userSpecifiedRelativeElWidth = 10000;
|
||||
if (settings.maxWidthRelativeTo) {
|
||||
jq = $(settings.maxWidthRelativeTo);
|
||||
if (jq.length > 0) {
|
||||
userSpecifiedRelativeElWidth = jq.outerWidth();
|
||||
}
|
||||
}
|
||||
return Math.min(window.innerWidth, userSpecifiedRelativeElWidth);
|
||||
})();
|
||||
maxWidth = relativeToWidth * maxWidthInCSS;
|
||||
}
|
||||
maxWidth = Math.min(maxWidth, $this.find(".bigfoot-footnote__content").outerWidth() + 1);
|
||||
$mainWrap.css("max-width", maxWidth + "px");
|
||||
$this.css({
|
||||
left: (-roomLeft.leftRelative * maxWidth + parseFloat($button.css("margin-left")) + $button.outerWidth() / 2) + "px"
|
||||
});
|
||||
positionTooltip($this, roomLeft.leftRelative);
|
||||
}
|
||||
if (parseInt($this.outerHeight()) < $this.find(".bigfoot-footnote__content")[0].scrollHeight) {
|
||||
return $this.addClass("is-scrollable");
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
positionTooltip = function($popover, leftRelative) {
|
||||
var $tooltip;
|
||||
if (leftRelative == null) {
|
||||
leftRelative = 0.5;
|
||||
}
|
||||
$tooltip = $popover.find(".bigfoot-footnote__tooltip");
|
||||
if ($tooltip.length > 0) {
|
||||
$tooltip.css("left", "" + (leftRelative * 100) + "%");
|
||||
}
|
||||
};
|
||||
roomCalc = function($el) {
|
||||
var elHeight, elLeftMargin, elWidth, leftRoom, topRoom, w;
|
||||
elLeftMargin = parseFloat($el.css("margin-left"));
|
||||
elWidth = parseFloat($el.outerWidth()) - elLeftMargin;
|
||||
elHeight = parseFloat($el.outerHeight());
|
||||
w = viewportDetails();
|
||||
topRoom = $el.offset().top - w.scrollY + elHeight / 2;
|
||||
leftRoom = $el.offset().left - w.scrollX + elWidth / 2;
|
||||
return {
|
||||
topRoom: topRoom,
|
||||
bottomRoom: w.height - topRoom,
|
||||
leftRoom: leftRoom,
|
||||
rightRoom: w.width - leftRoom,
|
||||
leftRelative: leftRoom / w.width,
|
||||
topRelative: topRoom / w.height
|
||||
};
|
||||
};
|
||||
viewportDetails = function() {
|
||||
var $window;
|
||||
$window = $(window);
|
||||
return {
|
||||
width: window.innerWidth,
|
||||
height: window.innerHeight,
|
||||
scrollX: $window.scrollLeft(),
|
||||
scrollY: $window.scrollTop()
|
||||
};
|
||||
};
|
||||
addBreakpoint = function(size, trueCallback, falseCallback, deleteDelay, removeOpen) {
|
||||
var falseDefaultPositionSetting, minMax, mqListener, mql, query, s, trueDefaultPositionSetting;
|
||||
if (deleteDelay == null) {
|
||||
deleteDelay = settings.popoverDeleteDelay;
|
||||
}
|
||||
if (removeOpen == null) {
|
||||
removeOpen = true;
|
||||
}
|
||||
mql = void 0;
|
||||
minMax = void 0;
|
||||
s = void 0;
|
||||
if (typeof size === "string") {
|
||||
s = size.toLowerCase() === "iphone" ? "<320px" : size.toLowerCase() === "ipad" ? "<768px" : size;
|
||||
minMax = s.charAt(0) === ">" ? "min" : s.charAt(0) === "<" ? "max" : null;
|
||||
query = minMax ? "(" + minMax + "-width: " + (s.substring(1)) + ")" : s;
|
||||
mql = window.matchMedia(query);
|
||||
} else {
|
||||
mql = size;
|
||||
}
|
||||
if (mql.media && mql.media === "invalid") {
|
||||
return {
|
||||
added: false,
|
||||
mq: mql,
|
||||
listener: null
|
||||
};
|
||||
}
|
||||
trueDefaultPositionSetting = minMax === "min";
|
||||
falseDefaultPositionSetting = minMax === "max";
|
||||
trueCallback = trueCallback || makeDefaultCallbacks(removeOpen, deleteDelay, trueDefaultPositionSetting, function($popover) {
|
||||
return $popover.addClass("is-bottom-fixed");
|
||||
});
|
||||
falseCallback = falseCallback || makeDefaultCallbacks(removeOpen, deleteDelay, falseDefaultPositionSetting, function() {});
|
||||
mqListener = function(mq) {
|
||||
if (mq.matches) {
|
||||
trueCallback(removeOpen, bigfoot);
|
||||
} else {
|
||||
falseCallback(removeOpen, bigfoot);
|
||||
}
|
||||
};
|
||||
mql.addListener(mqListener);
|
||||
mqListener(mql);
|
||||
settings.breakpoints[size] = {
|
||||
added: true,
|
||||
mq: mql,
|
||||
listener: mqListener
|
||||
};
|
||||
return settings.breakpoints[size];
|
||||
};
|
||||
makeDefaultCallbacks = function(removeOpen, deleteDelay, position, callback) {
|
||||
return function(removeOpen, bigfoot) {
|
||||
var $closedPopovers;
|
||||
$closedPopovers = void 0;
|
||||
if (removeOpen) {
|
||||
$closedPopovers = bigfoot.close();
|
||||
bigfoot.updateSetting("activateCallback", callback);
|
||||
}
|
||||
return setTimeout((function() {
|
||||
bigfoot.updateSetting("positionContent", position);
|
||||
if (removeOpen) {
|
||||
return bigfoot.activate($closedPopovers);
|
||||
}
|
||||
}), deleteDelay);
|
||||
};
|
||||
};
|
||||
removeBreakpoint = function(target, callback) {
|
||||
var b, breakpoint, mq, mqFound;
|
||||
mq = null;
|
||||
b = void 0;
|
||||
mqFound = false;
|
||||
if (typeof target === "string") {
|
||||
mqFound = settings.breakpoints[target] !== undefined;
|
||||
} else {
|
||||
for (b in settings.breakpoints) {
|
||||
if (settings.breakpoints.hasOwnProperty(b) && settings.breakpoints[b].mq === target) {
|
||||
mqFound = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (mqFound) {
|
||||
breakpoint = settings.breakpoints[b || target];
|
||||
if (callback) {
|
||||
callback({
|
||||
matches: false
|
||||
});
|
||||
} else {
|
||||
breakpoint.listener({
|
||||
matches: false
|
||||
});
|
||||
}
|
||||
breakpoint.mq.removeListener(breakpoint.listener);
|
||||
delete settings.breakpoints[b || target];
|
||||
}
|
||||
return mqFound;
|
||||
};
|
||||
updateSetting = function(newSettings, value) {
|
||||
var oldValue, prop;
|
||||
oldValue = void 0;
|
||||
if (typeof newSettings === "string") {
|
||||
oldValue = settings[newSettings];
|
||||
settings[newSettings] = value;
|
||||
} else {
|
||||
oldValue = {};
|
||||
for (prop in newSettings) {
|
||||
if (newSettings.hasOwnProperty(prop)) {
|
||||
oldValue[prop] = settings[prop];
|
||||
settings[prop] = newSettings[prop];
|
||||
}
|
||||
}
|
||||
}
|
||||
return oldValue;
|
||||
};
|
||||
getSetting = function(setting) {
|
||||
return settings[setting];
|
||||
};
|
||||
$(document).ready(function() {
|
||||
footnoteInit();
|
||||
$(document).on("mouseenter", ".bigfoot-footnote__button", buttonHover);
|
||||
$(document).on("touchend click", touchClick);
|
||||
$(document).on("mouseout", ".is-hover-instantiated", unhoverFeet);
|
||||
$(document).on("keyup", escapeKeypress);
|
||||
$(window).on("scroll resize", repositionFeet);
|
||||
return $(document).on("gestureend", function() {
|
||||
return repositionFeet();
|
||||
});
|
||||
});
|
||||
bigfoot = {
|
||||
removePopovers: removePopovers,
|
||||
close: removePopovers,
|
||||
createPopover: createPopover,
|
||||
activate: createPopover,
|
||||
repositionFeet: repositionFeet,
|
||||
reposition: repositionFeet,
|
||||
addBreakpoint: addBreakpoint,
|
||||
removeBreakpoint: removeBreakpoint,
|
||||
getSetting: getSetting,
|
||||
updateSetting: updateSetting
|
||||
};
|
||||
return bigfoot;
|
||||
};
|
||||
})(jQuery);
|
||||
|
||||
}).call(this);
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,24 @@
|
|||
{
|
||||
"name": "bigfoot",
|
||||
"version": "2.1.4",
|
||||
"main": "src/bigfoot.coffee",
|
||||
"description": "A jQuery plugin for empowering HTML footnotes.",
|
||||
"homepage": "http://www.bigfootjs.com",
|
||||
"devDependencies": {
|
||||
"grunt": "~0.4.1",
|
||||
"grunt-autoprefixer": "~0.5.0",
|
||||
"grunt-contrib-coffee": "^0.10.1",
|
||||
"grunt-contrib-concat": "~0.3.0",
|
||||
"grunt-contrib-sass": "~0.8.0",
|
||||
"grunt-contrib-uglify": "~0.2.7",
|
||||
"grunt-contrib-watch": "~0.5.3",
|
||||
"load-grunt-tasks": "~0.2.1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/pxldot/bigfoot.git"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/pxldot/bigfoot/issues"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
Updates to existing styles should be made in `src/scss/button.scss` and `src/scss/popover.scss`. New styles should be created as BEM-style variants on the existing button and popover styles. You will also have to update rules in `Gruntfile.js` in order to create the required `dist` files.
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,158 @@
|
|||
// ___ ___ ___
|
||||
// _____ /__/\ ___ ___ / /\ /__/\
|
||||
// / /::\ \ \:\ / /\ / /\ / /::\ \ \:\
|
||||
// / /:/\:\ \ \:\ / /:/ / /:/ / /:/\:\ \ \:\
|
||||
// / /:/~/::\ ___ \ \:\ / /:/ / /:/ / /:/ \:\ _____\__\:\
|
||||
// /__/:/ /:/\:|/__/\ \__\:\ / /::\ / /::\ /__/:/ \__\:\/__/::::::::\
|
||||
// \ \:\/:/~/:/\ \:\ / /://__/:/\:\ /__/:/\:\\ \:\ / /:/\ \:\~~\~~\/
|
||||
// \ \::/ /:/ \ \:\ /:/ \__\/ \:\\__\/ \:\\ \:\ /:/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\/:/ \ \:\
|
||||
// \ \::/ \ \::/ \__\/ \__\/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// The button that activates the footnote. By default, this will appear as a
|
||||
// flat button that has an ellipse contained inside of it.
|
||||
|
||||
// @state .is-active - The associated popover has been activated and is visible.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__button {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
top: $button-vertical-adjust;
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;;
|
||||
display: inline-block;
|
||||
padding: $button-per-side-padding;
|
||||
margin: 0 $button-right-margin 0 $button-left-margin;
|
||||
|
||||
// BACKDROP
|
||||
border: none;
|
||||
border-radius: $button-border-radius;
|
||||
cursor: pointer;
|
||||
background-color: rgba($button-color, $button-standard-opacity);
|
||||
backface-visibility: hidden;
|
||||
|
||||
// TEXT
|
||||
font-size: 1rem;
|
||||
line-height: 0;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
// TRANSITIONS
|
||||
transition-property: $button-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: none;
|
||||
background-color: rgba($button-hovered-color, $button-hovered-opacity);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: rgba($button-activating-color, $button-activating-opacity);
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
background-color: rgba($button-active-color, $button-active-opacity);
|
||||
transition-delay: $button-active-style-delay;
|
||||
}
|
||||
|
||||
// Clearfix
|
||||
&:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// _____ ___ ___
|
||||
// / /::\ / /\ ___ / /\
|
||||
// / /:/\:\ / /::\ / /\ / /:/_
|
||||
// / /:/ \:\ / /:/\:\ / /:/ / /:/ /\
|
||||
// /__/:/ \__\:| / /:/ \:\ / /:/ / /:/ /::\
|
||||
// \ \:\ / /://__/:/ \__\:\ / /::\ /__/:/ /:/\:\
|
||||
// \ \:\ /:/ \ \:\ / /://__/:/\:\\ \:\/:/~/:/
|
||||
// \ \:\/:/ \ \:\ /:/ \__\/ \:\\ \::/ /:/
|
||||
// \ \::/ \ \:\/:/ \ \:\\__\/ /:/
|
||||
// \__\/ \ \::/ \__\/ /__/:/
|
||||
// \__\/ \__\/
|
||||
|
||||
//*
|
||||
// Each of the three circles forming the ellipse within the button.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__button__circle {
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
width: $button-inner-circle-size;
|
||||
height: $button-inner-circle-size;
|
||||
margin-right: $button-inner-circle-left-margin;
|
||||
float: left;
|
||||
|
||||
// Gets rid of margin on the last circle
|
||||
&:last-child { margin-right: 0; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___ ___ ___
|
||||
// / /\ / /\ /__/\ ___ / /\ ___ /__/\
|
||||
// / /:/ / /::\ \ \:\ / /\ / /::\ / /\ \ \:\
|
||||
// / /:/ / /:/\:\ \ \:\ / /:/ / /:/\:\ / /:/ \ \:\
|
||||
// / /:/ ___ / /:/ \:\ _____\__\:\ / /:/ / /:/~/::\ /__/::\ _____\__\:\
|
||||
// /__/:/ / /\/__/:/ \__\:\/__/::::::::\ / /::\ /__/:/ /:/\:\\__\/\:\__ /__/::::::::\
|
||||
// \ \:\ / /:/\ \:\ / /:/\ \:\~~\~~\//__/:/\:\\ \:\/:/__\/ \ \:\/\\ \:\~~\~~\/
|
||||
// \ \:\ /:/ \ \:\ /:/ \ \:\ ~~~ \__\/ \:\\ \::/ \__\::/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\ /__/:/ \ \:\
|
||||
// \ \::/ \ \::/ \ \:\ \__\/ \ \:\ \__\/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
//*
|
||||
// The container for the button and popover. This is required so that the popover
|
||||
// is guaranteed to have a relatively-positioned container, and to help with the
|
||||
// positioning calculation.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__container {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// / /\ / /\ ___ /__/\ ___
|
||||
// / /::\ / /::\ / /\ \ \:\ / /\
|
||||
// / /:/\:\ / /:/\:\ / /:/ \ \:\ / /:/
|
||||
// / /:/~/:// /:/~/:/ /__/::\ _____\__\:\ / /:/
|
||||
// /__/:/ /://__/:/ /:/___\__\/\:\__ /__/::::::::\ / /::\
|
||||
// \ \:\/:/ \ \:\/:::::/ \ \:\/\\ \:\~~\~~\//__/:/\:\
|
||||
// \ \::/ \ \::/~~~~ \__\::/ \ \:\ ~~~ \__\/ \:\
|
||||
// \ \:\ \ \:\ /__/:/ \ \:\ \ \:\
|
||||
// \ \:\ \ \:\ \__\/ \ \:\ \__\/
|
||||
// \__\/ \__\/ \__\/
|
||||
|
||||
@include print-styles;
|
||||
|
|
@ -0,0 +1,286 @@
|
|||
// ___ ___ ___ ___ ___ ___
|
||||
// / /\ / /\ / /\ / /\ ___ / /\ / /\
|
||||
// / /::\ / /::\ / /::\ / /::\ /__/\ / /:/_ / /::\
|
||||
// / /:/\:\ / /:/\:\ / /:/\:\ / /:/\:\ \ \:\ / /:/ /\ / /:/\:\
|
||||
// / /:/~/:// /:/ \:\ / /:/~/:// /:/ \:\ \ \:\ / /:/ /:/_ / /:/~/:/
|
||||
// /__/:/ /://__/:/ \__\:\/__/:/ /://__/:/ \__\:\ ___ \__\:\/__/:/ /:/ /\/__/:/ /:/___
|
||||
// \ \:\/:/ \ \:\ / /:/\ \:\/:/ \ \:\ / /://__/\ | |:|\ \:\/:/ /:/\ \:\/:::::/
|
||||
// \ \::/ \ \:\ /:/ \ \::/ \ \:\ /:/ \ \:\| |:| \ \::/ /:/ \ \::/~~~~
|
||||
// \ \:\ \ \:\/:/ \ \:\ \ \:\/:/ \ \:\__|:| \ \:\/:/ \ \:\
|
||||
// \ \:\ \ \::/ \ \:\ \ \::/ \__\::::/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ ~~~~ \__\/ \__\/
|
||||
//
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// The popover for the footnote. This popover will be, by default, be sized and positioned
|
||||
// by the script. However, many of the sizes can be established in this stylesheet and
|
||||
// will be respected by the script. `max-width` will limit the width of the popover
|
||||
// relative to the viewport. `width` (on `bigfoot-footnote__wrapper`) will set the
|
||||
// absolute max width. Max height can be set via a `max-height` property
|
||||
// on `bigfoot-footnote__content`.
|
||||
|
||||
// By default, the popover has a light gray background, a shadow for some depth,
|
||||
// rounded corners, and a tooltip pointing to the footnote button.
|
||||
|
||||
// @state .is-active - The popover has been activated and is visible.
|
||||
// @state .is-positioned-top - The popover is above the button.
|
||||
// @state .is-positioned-bottom - The popover is below the button.
|
||||
// @state .is-scrollable - The popover content is greater than the popover height.
|
||||
// @state .is-fully-scrolled - The popover content is scrolled to the bottom.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote {
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
z-index: $popover-z-index;
|
||||
top: 0; left: 0;
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
// Height is set in .footnote-content-wrapper
|
||||
max-width: $popover-max-width;
|
||||
// 1.414213... is to get the diagonal height of the tooltip using pythagorus, yo.
|
||||
margin: ((1.4142135624 * $popover-tooltip-size / 2) + $button-height + $popover-margin-top) 0;
|
||||
// fits the popover to the contents
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-color-background;
|
||||
opacity: $popover-inactive-opacity;
|
||||
border-radius: $popover-border-radius;
|
||||
border: $popover-border;
|
||||
box-shadow: $popover-box-shadow;
|
||||
|
||||
// TEXT
|
||||
line-height: 0;
|
||||
|
||||
// TRANSITIONS
|
||||
transition-property: $popover-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
transition-timing-function: $popover-transition-default-timing-function;
|
||||
|
||||
// TRANSFORMS
|
||||
transform: $popover-initial-transform-state;
|
||||
transform-origin: $popover-initial-transform-origin;
|
||||
|
||||
&.is-positioned-top {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
transform: $popover-active-transform-state;
|
||||
opacity: $popover-active-opacity;
|
||||
}
|
||||
|
||||
&.is-bottom-fixed {
|
||||
// POSITIONING
|
||||
position: fixed;
|
||||
bottom: 0; top: auto;
|
||||
left: 0; right: auto;
|
||||
transform: translateY(100%);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
||||
// BACKDROP
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
border-width: 1px 0 0;
|
||||
|
||||
// TRANSITIONS
|
||||
transition: transform 0.3s ease;
|
||||
|
||||
&.is-active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
margin: 0 0 0 50%;
|
||||
transform: translateX(-50%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper,
|
||||
.bigfoot-footnote__content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-scrollable {
|
||||
// A scrollable indicator in the left margin of the popover.
|
||||
&:after {
|
||||
// CONTENT
|
||||
content: '';
|
||||
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
bottom: $popover-scroll-indicator-padding;
|
||||
left: $popover-scroll-indicator-padding;
|
||||
z-index: ($popover-z-index + 4);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: block;
|
||||
height: ($popover-scroll-indicator-width*$popover-scroll-indicator-aspect-ratio);
|
||||
width: $popover-scroll-indicator-width;
|
||||
|
||||
// BACKDROP
|
||||
background-image: $popover-scroll-indicator-icon;
|
||||
background-size: cover;
|
||||
opacity: $popover-scroll-indicator-opacity;
|
||||
transition-properties: $popover-scroll-indicator-transition-properties;
|
||||
transition-duration: $popover-transition-default-duration;
|
||||
transition-timing-function: $popover-transition-default-timing-function;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
// Above the content
|
||||
z-index: ($popover-z-index + 2);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: -1px;
|
||||
height: $popover-padding-content-top;
|
||||
border-radius: $popover-border-radius $popover-border-radius 0 0;
|
||||
background-image: linear-gradient(to bottom, $popover-color-background $popover-scrolly-fade-gradient-start-location, transparentize($popover-color-background, 1) 100%);
|
||||
}
|
||||
|
||||
&:after {
|
||||
bottom: -1px;
|
||||
height: $popover-padding-content-bottom;
|
||||
border-radius: 0 0 $popover-border-radius $popover-border-radius;
|
||||
background-image: linear-gradient(to top, $popover-color-background $popover-scrolly-fade-gradient-start-location, transparentize($popover-color-background, 1) 100%);
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar { display: none; }
|
||||
}
|
||||
|
||||
&.is-fully-scrolled {
|
||||
&:after,
|
||||
&:before {
|
||||
opacity: 0;
|
||||
transition-delay: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// Wraps around the footnote content. This is necessary in order to have an element
|
||||
// above the tooltip and that can provide top and bottom indicators that there is
|
||||
// additional content on scrollable popovers.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
// Above the outer tooltip, below the inner tooltip
|
||||
z-index: ($popover-z-index + 4);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
width: $popover-width;
|
||||
display: inline-block;
|
||||
box-sizing: inherit;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
|
||||
// BACKDROP
|
||||
background-color: $popover-color-background;
|
||||
border-radius: $popover-border-radius;
|
||||
|
||||
// TEXT
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// Contains the actual footnote content. There is very little prescription here
|
||||
// on the footnote content itself, except for removing and top margin on the first
|
||||
// element and bottom margin on the last child.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__content {
|
||||
// POSITIONING
|
||||
position: relative;
|
||||
z-index: ($popover-z-index - 2); // Below fading bars
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: inline-block;
|
||||
max-height: $popover-max-height;
|
||||
padding: $popover-padding-content-top $popover-padding-content-horizontal $popover-padding-content-bottom;
|
||||
box-sizing: inherit;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-content-color-background;
|
||||
border-radius: $popover-content-border-radius;
|
||||
|
||||
// TEXT
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
line-height: normal;
|
||||
|
||||
// INTERIOR ELEMENTS
|
||||
img { max-width: 100%; }
|
||||
*:last-child { margin-bottom: 0 !important; }
|
||||
*:first-child { margin-top: 0 !important; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// A triangular shape pointing towards the footnote button.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
// POSITIONING
|
||||
position: absolute;
|
||||
// Above the footnote-main-wrapper and the outer tooltip
|
||||
z-index: ($popover-z-index + 2);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
box-sizing: border-box;
|
||||
margin-left: (-0.5 * $popover-tooltip-size);
|
||||
// Smaller by one border-width's worth
|
||||
width: $popover-tooltip-size;
|
||||
height: $popover-tooltip-size;
|
||||
transform: rotate(45deg);
|
||||
|
||||
// BACKDROP
|
||||
background: $popover-tooltip-background;
|
||||
border: $popover-border;
|
||||
box-shadow: $popover-box-shadow;
|
||||
border-top-left-radius: $popover-tooltip-radius;
|
||||
|
||||
.is-positioned-bottom & {
|
||||
top: (-0.5 * $popover-tooltip-size);
|
||||
}
|
||||
|
||||
.is-positioned-top & {
|
||||
bottom: (-0.5 * $popover-tooltip-size);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
// ___ ___ ___ ___
|
||||
// /__/\ ___ /__/| ___ /__/\ / /\
|
||||
// | |::\ / /\ | |:| / /\ \ \:\ / /:/_
|
||||
// | |:|:\ / /:/ | |:| / /:/ \ \:\ / /:/ /\
|
||||
// __|__|:|\:\ /__/::\ __|__|:| /__/::\ _____\__\:\ / /:/ /::\
|
||||
// /__/::::| \:\\__\/\:\__/__/::::\____\__\/\:\__ /__/::::::::\/__/:/ /:/\:\
|
||||
// \ \:\~~\__\/ \ \:\/\ ~\~~\::::/ \ \:\/\\ \:\~~\~~\/\ \:\/:/~/:/
|
||||
// \ \:\ \__\::/ |~~|:|~~ \__\::/ \ \:\ ~~~ \ \::/ /:/
|
||||
// \ \:\ /__/:/ | |:| /__/:/ \ \:\ \__\/ /:/
|
||||
// \ \:\ \__\/ | |:| \__\/ \ \:\ /__/:/
|
||||
// \__\/ |__|/ \__\/ \__\/
|
||||
|
||||
@mixin print-styles {
|
||||
// These styles restore the original footnote numbers and texts when the page is printed
|
||||
@media not print {
|
||||
.footnote-print-only {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
.bigfoot-footnote,
|
||||
.bigfoot-footnote__button {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,127 @@
|
|||
// ___ ___ ___ ___ ___ ___
|
||||
// / /\ / /\ / /\ / /\ ___ / /\ / /\
|
||||
// / /::\ / /::\ / /::\ / /::\ /__/\ / /:/_ / /::\
|
||||
// / /:/\:\ / /:/\:\ / /:/\:\ / /:/\:\ \ \:\ / /:/ /\ / /:/\:\
|
||||
// / /:/~/:// /:/ \:\ / /:/~/:// /:/ \:\ \ \:\ / /:/ /:/_ / /:/~/:/
|
||||
// /__/:/ /://__/:/ \__\:\/__/:/ /://__/:/ \__\:\ ___ \__\:\/__/:/ /:/ /\/__/:/ /:/___
|
||||
// \ \:\/:/ \ \:\ / /:/\ \:\/:/ \ \:\ / /://__/\ | |:|\ \:\/:/ /:/\ \:\/:::::/
|
||||
// \ \::/ \ \:\ /:/ \ \::/ \ \:\ /:/ \ \:\| |:| \ \::/ /:/ \ \::/~~~~
|
||||
// \ \:\ \ \:\/:/ \ \:\ \ \:\/:/ \ \:\__|:| \ \:\/:/ \ \:\
|
||||
// \ \:\ \ \::/ \ \:\ \ \::/ \__\::::/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ ~~~~ \__\/ \__\/
|
||||
//
|
||||
// These are the key variables for styling the popover.
|
||||
// Just set the variable to none if you don't want that styling.
|
||||
|
||||
// KEY VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
// STYLES
|
||||
$popover-width: 22em !default; // Ideal width of the popover
|
||||
$popover-max-width: 90% !default; // Best as a % to accommodate smaller viewports
|
||||
$popover-max-height: 15em !default; // Maximum size of the content area
|
||||
$popover-color-background: rgb(250, 250, 250) !default; // Color of the popover background
|
||||
$popover-border-radius: 0.5em !default; // Radius of the corners of the popover
|
||||
$popover-border: 1px solid rgb(195, 195, 195) !default; // Border of the popover/ tooltip
|
||||
$popover-inactive-opacity: 0 !default; // Opacity of the popover when instantiated/ deactivating
|
||||
$popover-active-opacity: 0.97 !default; // Opacity of the popover when active
|
||||
$popover-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) !default; // Sets the box shadow under the popover/ tooltip
|
||||
$popover-bottom-position: auto !default; // Sets the bottom position of the popover. Use only when setting positionPopover to false in the script
|
||||
$popover-left-position: auto !default; // Sets the left position of the popover. Use only when setting positionPopover to false in the script
|
||||
$popover-tooltip-size: 1.3em !default; // Sets the side lengths of the tooltip
|
||||
$popover-scroll-indicator-width: 0.625em !default; // The width of the scroll indicator
|
||||
$popover-scroll-indicator-aspect-ratio: (15/12) !default; // The ratio of the height over the width of the scroll indicator
|
||||
$popover-scroll-indicator-opacity: 0.1 !default; // The active opacity of scroll indicators
|
||||
$popover-initial-transform-state: scale(0.1) translateZ(0) !default; // The inital transform state for the popover
|
||||
$popover-active-transform-state: scale(1) translateZ(0) !default; // The transform state for the popover once it is fully activated
|
||||
|
||||
// OPTIONAL ELEMENTS
|
||||
$popover-include-tooltip: true !default; // Adds a tooltip pointing to the footnote button
|
||||
$popover-include-scroll-indicator: true !default; // Adds an elipsis at the bottom of scrollable popovers
|
||||
$popover-include-scrolly-fades: true !default; // Fades content in on scrollable popovers
|
||||
$popover-scroll-indicator-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTIgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDExLjUiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNy41IEw1LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsNy41IEw5LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=") !default;
|
||||
|
||||
|
||||
// OTHER VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
// POPOVER
|
||||
$popover-margin-top: 0.1em !default;
|
||||
$popover-padding-content-horizontal: 1.3em !default;
|
||||
$popover-padding-content-top: 1.1em !default;
|
||||
$popover-padding-content-bottom: 1.2em !default;
|
||||
$popover-z-index: 10 !default; // Set the base so that it's above the other body children
|
||||
$popover-initial-transform-origin: 50% 0 !default;
|
||||
|
||||
// POPOVER CONTENT WRAPPER
|
||||
$popover-content-color-background: $popover-color-background !default;
|
||||
$popover-content-border-radius: $popover-border-radius !default;
|
||||
|
||||
// OTHER POPOVER ELEMENTS
|
||||
$popover-tooltip-background: $popover-color-background !default;
|
||||
$popover-tooltip-radius: 0 !default;
|
||||
$popover-scroll-indicator-bottom-position: 0.45em !default;
|
||||
$popover-scrolly-fade-gradient-start-location: 50% !default;
|
||||
$popover-scroll-indicator-padding: (($popover-padding-content-horizontal/2) - ($popover-scroll-indicator-width/2)) !default;
|
||||
|
||||
// TRANSITIONS
|
||||
$popover-transition-default-duration: 0.25s !default;
|
||||
$popover-scroll-indicator-transition-properties: opacity !default;
|
||||
|
||||
// Use none for areas you don't want to transition
|
||||
$popover-transition-properties: opacity, transform !default; // no mixin to do proper prefixing of the transform, so I have to do it manually; see mixin below
|
||||
$popover-scroll-indicator-transition-properties: opacity !default;
|
||||
$popover-scroll-up-transition-delay: 0.4s !default; // Sets the delay for the transition of the scroll indicator when scrolling upwards
|
||||
$popover-transition-default-timing-function: ease !default;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ___ ___ ___
|
||||
// _____ /__/\ ___ ___ / /\ /__/\
|
||||
// / /::\ \ \:\ / /\ / /\ / /::\ \ \:\
|
||||
// / /:/\:\ \ \:\ / /:/ / /:/ / /:/\:\ \ \:\
|
||||
// / /:/~/::\ ___ \ \:\ / /:/ / /:/ / /:/ \:\ _____\__\:\
|
||||
// /__/:/ /:/\:|/__/\ \__\:\ / /::\ / /::\ /__/:/ \__\:\/__/::::::::\
|
||||
// \ \:\/:/~/:/\ \:\ / /://__/:/\:\ /__/:/\:\\ \:\ / /:/\ \:\~~\~~\/
|
||||
// \ \::/ /:/ \ \:\ /:/ \__\/ \:\\__\/ \:\\ \:\ /:/ \ \:\ ~~~
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\/:/ \ \:\
|
||||
// \ \::/ \ \::/ \__\/ \__\/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/
|
||||
//
|
||||
// These are the key variables for styling the button.
|
||||
// Just set the variable to none if you don't want that styling.
|
||||
|
||||
// KEY VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
$button-height: 0.95em !default; // The total height of the button
|
||||
$button-width: auto !default; // The total button width (applies only if $button-apply-dimensions is true)
|
||||
$button-inner-circle-size: 0.25em !default; // Total height/width of the ellipsis circles
|
||||
$button-border-radius: 0.3em !default; // Border radius on the button itself
|
||||
$button-left-margin: 0.2em !default; // Margin between the button and the text to its left
|
||||
$button-right-margin: 0.1em !default; // Margin between the button and the text to its right
|
||||
$button-vertical-adjust: -0.1em !default; // Pushes the buttons along the vertical axis to align it with text as desired
|
||||
$button-inner-circle-left-margin: 1*$button-inner-circle-size !default; // Space between the ellipsis circles
|
||||
|
||||
$button-color: rgb(110, 110, 110) !default; // Background color of the button
|
||||
$button-hovered-color: $button-color !default; // Background color of the button when being hovered
|
||||
$button-activating-color: $button-color !default; // Background color of the button when being clicked
|
||||
$button-active-color: $button-color !default; // Background color of the button when active
|
||||
$button-standard-opacity: 0.2 !default; // Opacity for when the button is just sittin' there
|
||||
$button-hovered-opacity: 0.5 !default; // Opacity for when the button is being hovered over
|
||||
$button-activating-opacity: $button-hovered-opacity !default; // Opacity for when the button is being clicked
|
||||
$button-active-opacity: 1 !default; // Opacity for when the button is active
|
||||
$button-active-style-delay: 0.1s !default; // Delay before applying .active styles; this can be used to match to the popover activation transition
|
||||
|
||||
$button-inner-circle-color: white !default; // Background color of the ellipsis circle
|
||||
$button-inner-circle-border: none !default; // Border of the ellipsis circle
|
||||
|
||||
|
||||
// OTHER VARIABLES
|
||||
// =============================================================================
|
||||
|
||||
$button-total-padding: $button-height - $button-inner-circle-size !default;
|
||||
$button-per-side-padding: 0.5*$button-total-padding !default;
|
||||
$button-transition-properties: background-color !default;
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
// ___ ___ ___
|
||||
// _____ / /\ ___ ___ / /\ /__/\
|
||||
// / /::\ / /::\ / /\ / /\ / /::\ | |::\
|
||||
// / /:/\:\ / /:/\:\ / /:/ / /:/ / /:/\:\ | |:|:\
|
||||
// / /:/~/::\ / /:/ \:\ / /:/ / /:/ / /:/ \:\ __|__|:|\:\
|
||||
// /__/:/ /:/\:|/__/:/ \__\:\ / /::\ / /::\ /__/:/ \__\:\/__/::::| \:\
|
||||
// \ \:\/:/~/:/\ \:\ / /://__/:/\:\ /__/:/\:\\ \:\ / /:/\ \:\~~\__\/
|
||||
// \ \::/ /:/ \ \:\ /:/ \__\/ \:\\__\/ \:\\ \:\ /:/ \ \:\
|
||||
// \ \:\/:/ \ \:\/:/ \ \:\ \ \:\\ \:\/:/ \ \:\
|
||||
// \ \::/ \ \::/ \__\/ \__\/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// A footnote popover that, unlike the default, is not positioned relative to
|
||||
// the button, but instead is positioned at the bottom of the page. This popover
|
||||
// transitions with a simple slide in from the bottom.
|
||||
|
||||
// This style requires that the `positionContent` option of bigfoot is set to false.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote {
|
||||
// POSITIONING
|
||||
position: fixed;
|
||||
bottom: 0; top: auto;
|
||||
left: 0; right: auto;
|
||||
transform: translateY(100%);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
||||
// BACKDROP
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
border-width: 1px 0 0;
|
||||
|
||||
// TRANSITIONS
|
||||
transition: transform 0.3s ease;
|
||||
|
||||
&.is-active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper {
|
||||
margin: 0 0 0 50%;
|
||||
transform: translateX(-50%);
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__wrapper,
|
||||
.bigfoot-footnote__content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.bigfoot-footnote__tooltip {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
// ___ ___ ___ ___ ___
|
||||
// /__/\ /__/\ /__/\ _____ / /\ / /\
|
||||
// \ \:\ \ \:\ | |::\ / /::\ / /:/_ / /::\
|
||||
// \ \:\ \ \:\ | |:|:\ / /:/\:\ / /:/ /\ / /:/\:\
|
||||
// _____\__\:\ ___ \ \:\ __|__|:|\:\ / /:/~/::\ / /:/ /:/_ / /:/~/:/
|
||||
// /__/::::::::\/__/\ \__\:\/__/::::| \:\/__/:/ /:/\:|/__/:/ /:/ /\/__/:/ /:/___
|
||||
// \ \:\~~\~~\/\ \:\ / /:/\ \:\~~\__\/\ \:\/:/~/:/\ \:\/:/ /:/\ \:\/:::::/
|
||||
// \ \:\ ~~~ \ \:\ /:/ \ \:\ \ \::/ /:/ \ \::/ /:/ \ \::/~~~~
|
||||
// \ \:\ \ \:\/:/ \ \:\ \ \:\/:/ \ \:\/:/ \ \:\
|
||||
// \ \:\ \ \::/ \ \:\ \ \::/ \ \::/ \ \:\
|
||||
// \__\/ \__\/ \__\/ \__\/ \__\/ \__\/
|
||||
|
||||
|
||||
|
||||
//*
|
||||
// A button that has no ellipse, but instead shows the footnote's number on the
|
||||
// page. Note that the number will be reset to 1 depending on the selector passed
|
||||
// to bigfoot's `numberResetSelector` option.
|
||||
|
||||
// @since 2.1.0
|
||||
// @author Chris Sauve
|
||||
|
||||
.bigfoot-footnote__button {
|
||||
position: relative;
|
||||
height: $button-height;
|
||||
width: 1.5em;
|
||||
border-radius: $button-height/2;
|
||||
|
||||
&:after {
|
||||
// CONTENT
|
||||
content: attr(data-footnote-number);
|
||||
|
||||
// POSITION
|
||||
position: absolute;
|
||||
top: 50%; left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
// DISPLAY AND SIZING
|
||||
display: block;
|
||||
|
||||
// TEXT
|
||||
font-size: $button-height*0.6;
|
||||
font-weight: bold;
|
||||
color: rgba($button-color, 0.5);
|
||||
|
||||
// TRANSITIONS
|
||||
transition: color $popover-transition-default-duration $popover-transition-default-timing-function;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.is-active {
|
||||
&:after {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bigfoot-footnote__button__circle {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
/* ==========================================================================
|
||||
Icons - Sets up the icon font and respective classes (from Casper)
|
||||
========================================================================== */
|
||||
|
||||
/* Import the font file with the icons in it */
|
||||
@font-face {
|
||||
font-family: "icons";
|
||||
src:url("../fonts/icons.eot");
|
||||
src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),
|
||||
url("../fonts/icons.woff") format("woff"),
|
||||
url("../fonts/icons.ttf") format("truetype"),
|
||||
url("../fonts/icons.svg#icons") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Apply these base styles to all icons */
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: "icons", "Open Sans", sans-serif;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
text-decoration: none !important;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* Each icon is created by inserting the correct character into the
|
||||
content of the :before pseudo element. Like a boss. */
|
||||
.icon-ghost:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-feed:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "\e002";
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.icon-google-plus:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: "\e004";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e005";
|
||||
}
|
||||
.icon-stats:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.icon-location:before {
|
||||
content: "\e007";
|
||||
margin-left: -3px; /* Tracking fix */
|
||||
}
|
||||
.icon-link:before {
|
||||
content: "\e008";
|
||||
}
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
/* ==========================================================================
|
||||
Normalize.css v2.1.3 | MIT License | git.io/normalize | (minified)
|
||||
========================================================================== */
|
||||
|
||||
article, aside, details,
|
||||
figcaption, figure,
|
||||
footer, header, hgroup,
|
||||
main, nav, section,
|
||||
summary { display: block; }
|
||||
audio, canvas, video { display: inline-block; }
|
||||
audio:not([controls]) { display: none; height: 0; }
|
||||
[hidden], template { display: none; }
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
body { margin: 0; }
|
||||
a { background: transparent; }
|
||||
a:focus { outline: thin dotted; }
|
||||
a:active, a:hover { outline: 0; }
|
||||
h1 { font-size: 2em; margin: 0.67em 0; }
|
||||
abbr[title] { border-bottom: 1px dotted; }
|
||||
b, strong { font-weight: 700; }
|
||||
dfn { font-style: italic; }
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
mark { background: #FF0; color: #000; }
|
||||
code, kbd, pre,
|
||||
samp { font-family: monospace, serif; font-size: 1em; }
|
||||
pre { white-space: pre-wrap; }
|
||||
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
|
||||
small { font-size: 80%; }
|
||||
sub, sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
sup { top: -0.5em; }
|
||||
sub { bottom: -0.25em; }
|
||||
img { border: 0; }
|
||||
svg:not(:root) { overflow: hidden; }
|
||||
figure { margin: 0; }
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
legend { border: 0; padding: 0; }
|
||||
button, input, select,
|
||||
textarea { font-family: inherit; font-size: 100%; margin: 0; }
|
||||
button, input { line-height: normal; }
|
||||
button, select { text-transform: none; }
|
||||
button, html input[type="button"],
|
||||
input[type="reset"], input[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer;
|
||||
}
|
||||
button[disabled], html input[disabled] { cursor: default; }
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] { box-sizing: border-box; padding: 0; }
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner { border: 0; padding: 0; }
|
||||
textarea { overflow: auto; vertical-align: top; }
|
||||
table { border-collapse: collapse; border-spacing: 0; }
|
||||
|
|
@ -0,0 +1,566 @@
|
|||
/* ==========================================================================
|
||||
General styles
|
||||
========================================================================== */
|
||||
|
||||
/* Font sizes used
|
||||
|
||||
Base font size: 1rem = 18px
|
||||
|
||||
0.702rem 13px
|
||||
0.79rem 14px
|
||||
0.889rem 16px
|
||||
1.125rem 20px
|
||||
1.266rem 23px
|
||||
1.424rem 26px
|
||||
1.602rem 29px
|
||||
1.802rem 32px
|
||||
2.887rem 52px
|
||||
|
||||
http://modularscale.com/
|
||||
8:9 major second
|
||||
*/
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
font-size: 112.5%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-font-feature-settings: 'kern' 1;
|
||||
-moz-font-feature-settings: 'kern' 1;
|
||||
-ms-font-feature-settings: 'kern' 1;
|
||||
-o-font-feature-settings: 'kern' 1;
|
||||
font-feature-settings: 'kern' 1;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
width: 80%;
|
||||
max-width: 650px;
|
||||
margin: 0 auto;
|
||||
font-family: "Lato", sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
color: #3A4145;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: "Bree Serif", serif;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.802rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.602rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.424rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.266rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
code, tt, pre {
|
||||
font-family: "Source Code Pro", monospace, sans-serif;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.79rem;
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 0 2em;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
code, tt {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
pre code {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 2em;
|
||||
color: #9EABB3;
|
||||
}
|
||||
|
||||
blockquote p {
|
||||
margin: 0.8em 0;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
blockquote cite {
|
||||
font-style: normal;
|
||||
font-size: 0.889rem;
|
||||
}
|
||||
|
||||
hr {
|
||||
display: block;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
border-top: #9EABB3 1px solid;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
.post a {
|
||||
color: #FC7E0F;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.post a:visited {
|
||||
color: #9EABB3;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.read-more, a.read-more:hover, a.read-more:visited {
|
||||
color: #FC7E0F; /* #DA1F15, #F17F33 */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
||||
color: #3A4145;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post-title a {
|
||||
color: #3A4145 !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
/* Tables and dictionaries (straight up ripped out of the Casper stylesheet with minor modifications) */
|
||||
|
||||
table {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 1.7em 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 8px;
|
||||
line-height: 20px;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
border-top: #EFEFEF 1px solid;
|
||||
}
|
||||
|
||||
td h3, td h4, td h5, td h6 {
|
||||
margin: 0 0 0.5rem 0;
|
||||
}
|
||||
|
||||
table caption + thead tr:first-child th,
|
||||
table caption + thead tr:first-child td,
|
||||
table colgroup + thead tr:first-child th,
|
||||
table colgroup + thead tr:first-child td,
|
||||
table thead:first-child tr:first-child th,
|
||||
table thead:first-child tr:first-child td {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
table tbody + tbody { border-top: #EFEFEF 2px solid; }
|
||||
|
||||
table table table { background-color: #FFF; }
|
||||
|
||||
th {
|
||||
color: #000;
|
||||
background-color: #F6F6F6;
|
||||
}
|
||||
|
||||
dl dt {
|
||||
float: left;
|
||||
width: 180px;
|
||||
overflow: hidden;
|
||||
clear: left;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-weight: 700;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
dl dd {
|
||||
margin-left: 200px;
|
||||
margin-bottom: 1em
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Blog header
|
||||
========================================================================== */
|
||||
|
||||
.main-header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 2rem 0;
|
||||
margin-bottom: 1rem;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.main-header-content {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.blog-title {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Lato", sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 2.887rem;
|
||||
vertical-align: middle;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.blog-title a {
|
||||
font-color: inherit;
|
||||
}
|
||||
|
||||
.blog-description {
|
||||
margin: 0;
|
||||
font-size: 0.889rem;
|
||||
font-family: "Lato", sans-serif;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0;
|
||||
color: #9EABB3;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Navigation
|
||||
========================================================================== */
|
||||
|
||||
.nav {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.nav {
|
||||
text-transform: uppercase;
|
||||
font-size: .889rem;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
margin: 0 0.5rem;
|
||||
color: #9EABB3;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nav a:hover {
|
||||
color: #FC7E0F;
|
||||
}
|
||||
|
||||
a.nav-current {
|
||||
color: #FC7E0F;
|
||||
}
|
||||
|
||||
a.nav-home, a.nav-blog {
|
||||
color: #9EABB3;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Site footer
|
||||
========================================================================== */
|
||||
|
||||
.site-footer {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
margin-top: 3rem;
|
||||
padding-bottom: 1rem;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
font-size: .79rem;
|
||||
}
|
||||
|
||||
.site-footer a {
|
||||
color: #FC7E0F;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-footer a:hover {
|
||||
color: #9EABB3;
|
||||
}
|
||||
|
||||
|
||||
/* RSS - enable to replace the simple RSS icon with a round button */
|
||||
|
||||
/*
|
||||
.site-footer .rss {
|
||||
margin: 1rem auto;
|
||||
width: 1.7rem;
|
||||
height: 1.6rem;
|
||||
}
|
||||
|
||||
.site-footer .rss a {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin-left: -.2rem;
|
||||
padding: .35rem .1rem 0.05rem .2rem;
|
||||
vertical-align: middle;
|
||||
border: 1px #FC7E0F solid;
|
||||
border-radius: 1.2rem;
|
||||
}
|
||||
|
||||
.site-footer .rss a:hover {
|
||||
color: #ffffff;
|
||||
background: #FC7E0F;
|
||||
}
|
||||
*/
|
||||
|
||||
/* ==========================================================================
|
||||
Posts
|
||||
========================================================================== */
|
||||
|
||||
.post {
|
||||
position: relative;
|
||||
margin: 2rem auto;
|
||||
padding-bottom: 4rem;
|
||||
word-break: break-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
.post-header {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
margin-bottom: 0;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
text-transform: uppercase;
|
||||
font-size: .79rem;
|
||||
}
|
||||
|
||||
.post-footer {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.post-footer .tags a {
|
||||
color: #9EABB3;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post-footer .tags a:hover {
|
||||
color: #FC7E0F;
|
||||
}
|
||||
|
||||
.post-footer h4 {
|
||||
margin: 2rem 0 0;
|
||||
}
|
||||
|
||||
.post-footer .share {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.post-footer .share a {
|
||||
font-size: 1.8rem;
|
||||
display: inline-block;
|
||||
margin: 1rem 1.6rem 1.6rem 0;
|
||||
color: #BBC7CC;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post-footer .share a:hover {
|
||||
color: #50585D;
|
||||
}
|
||||
|
||||
.post img {
|
||||
display: block;
|
||||
max-width: 100%; /* Keep image contained in width of post */
|
||||
margin: 0 auto 0.5rem;
|
||||
}
|
||||
|
||||
.footnotes-sep {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Koenig image styles */
|
||||
|
||||
.kg-image-card {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.kg-image-card img {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.post .kg-image-wide {
|
||||
max-width: 1050px;
|
||||
margin: 0 -200px;
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
.post .kg-image-wide {
|
||||
max-width: 140%;
|
||||
margin: 0 -20%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 950px) {
|
||||
.post .kg-image-wide {
|
||||
max-width: 120%; /* Start calculating as percentage of viewport? */
|
||||
margin: 0 -10%;
|
||||
}
|
||||
}
|
||||
|
||||
.post .kg-image-full {
|
||||
max-width: 100vw;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
right: 50%;
|
||||
margin-left: -50vw;
|
||||
margin-right: -50vw;
|
||||
}
|
||||
|
||||
.kg-image-card figcaption {
|
||||
font-size: 0.79rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* YouTube embed wrapper to scale to full-width */
|
||||
|
||||
.yt-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.yt-wrapper:before{
|
||||
content: "";
|
||||
display: block;
|
||||
padding-top: 56.25%; /* 16:9 aspect ratio */
|
||||
}
|
||||
|
||||
.yt-wrapper iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Tags
|
||||
========================================================================== */
|
||||
|
||||
.tag-title {
|
||||
font-family: "Lato", sans-serif;
|
||||
font-size: 1.802rem;
|
||||
font-weight: bold;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.tag-image {
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
.tag-description {
|
||||
color: #9EABB3;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Pagination
|
||||
========================================================================== */
|
||||
|
||||
/* The main wrapper for pagination links */
|
||||
.pagination {
|
||||
position: relative;
|
||||
margin: 2rem auto;
|
||||
font-size: .79rem;
|
||||
color: #9EABB3;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
color: #9EABB3;
|
||||
}
|
||||
|
||||
/* Push the previous/next links out to the left/right */
|
||||
.older-posts,
|
||||
.newer-posts {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.older-posts {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.page-number {
|
||||
display: inline-block;
|
||||
padding: 2px 0;
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
.newer-posts {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.older-posts:hover,
|
||||
.newer-posts:hover {
|
||||
color: #FC7E0F;
|
||||
}
|
||||
|
||||
.extra-pagination {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.extra-pagination .pagination {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* On page2+ show extra pagination controls at the top of post list */
|
||||
.paged .extra-pagination {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
12. Media Queries - Smaller than 500px
|
||||
========================================================================== */
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.blog-title {
|
||||
font-size: 2.281rem;
|
||||
}
|
||||
|
||||
.blog-description {
|
||||
font-size: 0.889rem;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
|
@ -0,0 +1,19 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Generated by IcoMoon</metadata>
|
||||
<defs>
|
||||
<font id="icons" horiz-adv-x="1024">
|
||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||
<missing-glyph horiz-adv-x="1024" />
|
||||
<glyph unicode=" " d="" horiz-adv-x="512" />
|
||||
<glyph unicode="" d="M0 960v-204.8h614.4v204.8h-614.4zM0 550.4v-204.8h1024v204.8h-1024zM0 140.8v-204.8h409.6v204.8h-409.6zM614.4 140.8v-204.8h409.6v204.8h-409.6zM819.2 960v-204.8h204.8v204.8h-204.8z" />
|
||||
<glyph unicode="" d="M842.688-64c-0.8 459.232-401.504 834.528-842.688 835.392v188.608c541.312 0 1024-460.608 1024-1024h-181.312zM687.2-63.936h-181.216c0.608 112.768-56.672 238.976-147.328 333.472-90.144 95.264-249.92 155.296-358.208 154.72v188.544c338.080-7.296 679.872-326.624 686.752-676.736zM128.512 192.096c70.624 0 127.872-57.312 127.872-128 0-70.656-57.248-127.968-127.872-127.968s-127.872 57.312-127.872 127.968c0 70.688 57.248 128 127.872 128z" />
|
||||
<glyph unicode="" d="M1024 765.582c-37.676-16.708-78.164-28.002-120.66-33.080 43.372 26 76.686 67.17 92.372 116.23-40.596-24.078-85.556-41.56-133.41-50.98-38.32 40.83-92.922 66.34-153.346 66.34-116.022 0-210.088-94.058-210.088-210.078 0-16.466 1.858-32.5 5.44-47.878-174.6 8.764-329.402 92.4-433.018 219.506-18.084-31.028-28.446-67.116-28.446-105.618 0-72.888 37.088-137.192 93.46-174.866-34.438 1.092-66.832 10.542-95.154 26.278-0.020-0.876-0.020-1.756-0.020-2.642 0-101.788 72.418-186.696 168.522-206-17.626-4.8-36.188-7.372-55.348-7.372-13.538 0-26.698 1.32-39.528 3.772 26.736-83.46 104.32-144.206 196.252-145.896-71.9-56.35-162.486-89.934-260.916-89.934-16.958 0-33.68 0.994-50.116 2.94 92.972-59.61 203.402-94.394 322.042-94.394 386.422 0 597.736 320.124 597.736 597.744 0 9.108-0.206 18.168-0.61 27.18 41.056 29.62 76.672 66.62 104.836 108.748z" />
|
||||
<glyph unicode="" d="M0.806 90.336c-0.244 2.532-0.452 5.070-0.584 7.63 0.13-2.56 0.34-5.098 0.584-7.63zM235.908 394.852c92.010-2.738 153.734 92.698 137.862 213.198-15.894 120.48-103.396 217.168-195.408 219.922-92.026 2.73-153.74-89.482-137.852-210 15.882-120.468 103.352-220.374 195.398-223.12zM1024 704v85.31c0 93.88-76.782 170.69-170.658 170.69h-682.656c-92.276 0-168.012-74.232-170.564-165.926 58.362 51.386 139.324 94.316 222.874 94.316 89.304 0 357.244 0 357.244 0l-79.948-67.618h-113.268c75.13-28.804 115.156-116.124 115.156-205.722 0-75.248-41.81-139.954-100.888-185.968-57.644-44.902-68.572-63.708-68.572-101.878 0-32.578 61.746-88 94.032-110.788 94.382-66.538 124.916-128.312 124.916-231.456 0-16.428-2.042-32.83-6.066-48.96h307.742c93.874 0 170.656 76.75 170.656 170.69v533.308h-192v-191.998h-64v192h-191.998v64h191.998v192h64v-192h192zM185.886 194.064c21.614 0 41.422 0.59 61.936 0.59-27.146 26.334-48.626 58.6-48.626 98.38 0 23.608 7.564 46.336 18.134 66.52-10.782-0.77-21.79-0.994-33.126-0.994-74.356 0-137.506 24.076-184.204 63.854v-67.242l0.006-201.73c53.44 25.374 116.888 40.622 185.88 40.622zM3.42 72.742c-1.112 5.458-1.966 11.006-2.542 16.634 0.574-5.628 1.43-11.176 2.542-16.634zM455.45 7.154c-15.058 58.806-68.454 87.964-142.888 139.568-27.072 8.732-56.894 13.874-88.894 14.208-89.618 0.964-173.108-34.942-220.216-88.372 15.92-77.706 85.034-136.558 167.234-136.558h286.444c1.816 11.128 2.696 22.632 2.696 34.432 0 12.534-1.534 24.792-4.376 36.722z" />
|
||||
<glyph unicode="" d="M853.344 960h-682.66c-93.872 0-170.684-76.814-170.684-170.688v-682.626c0-93.938 76.812-170.686 170.684-170.686l682.66 0.002c93.876 0 170.656 76.746 170.656 170.688v682.622c0 93.874-76.782 170.688-170.656 170.688zM870.592 448h-166.592v-448h-192v448h-92.526v146.564h92.526v95.186c0 129.342 55.792 206.25 207.87 206.25h175.244v-158.57h-143.13c-42.482 0.070-47.752-22.152-47.752-63.512l-0.232-79.354h192l-25.408-146.564z" />
|
||||
<glyph unicode="" d="M737.229 68.198c13.722-13.875 13.722-36.25 0-50.125s-35.891-13.875-49.613 0l-400.896 404.838c-13.722 13.875-13.722 36.301 0 50.125l400.896 404.89c13.722 13.875 35.891 13.875 49.613 0s13.722-36.25 0-50.125l-365.568-379.802 365.568-379.802z" />
|
||||
<glyph unicode="" d="M870.4 908.8h-112.64c-28.262 0-40.96-22.938-40.96-51.2v-870.4h204.8v870.4c0 28.262-22.886 51.2-51.2 51.2zM563.2 601.6h-112.64c-28.262 0-40.96-22.938-40.96-51.2v-563.2h204.8v563.2c0 28.262-22.886 51.2-51.2 51.2zM256 294.4h-112.64c-28.262 0-40.96-22.886-40.96-51.2v-256h204.8v256c0 28.314-22.938 51.2-51.2 51.2z" />
|
||||
<glyph unicode="" d="M512 857.6c-141.414 0-256-114.637-256-256 0-244.429 256-563.2 256-563.2s256 318.771 256 563.2c0 141.363-114.586 256-256 256zM512 460.288c-76.339 0-138.24 61.901-138.24 138.24s61.901 138.24 138.24 138.24 138.24-61.901 138.24-138.24-61.901-138.24-138.24-138.24z" />
|
||||
<glyph unicode="" d="M402.381 207.667l-41.472-41.165c-35.942-35.584-94.362-35.635-130.253 0-17.254 17.152-26.726 39.834-26.726 64.051s9.523 46.95 26.726 64.102l152.576 151.398c31.59 31.386 91.085 77.517 134.451 34.509 19.917-19.763 52.070-19.61 71.782 0.256 19.763 19.866 19.661 52.019-0.256 71.782-73.677 73.114-182.63 59.597-277.504-34.509l-152.576-151.398c-36.557-36.352-56.73-84.685-56.73-136.141 0-51.405 20.173-99.738 56.781-136.090 37.683-37.427 87.142-56.064 136.602-56.064s99.021 18.637 136.704 56.064l41.472 41.216c19.917 19.763 20.019 51.917 0.256 71.731-19.763 19.866-51.917 19.968-71.834 0.256zM864.819 795.699c-79.155 78.541-189.798 82.79-263.117 10.086l-51.661-51.251c-19.917-19.763-20.070-51.866-0.307-71.782 19.814-19.917 51.917-20.019 71.782-0.256l51.661 51.251c37.939 37.683 87.654 22.067 120.115-10.086 17.254-17.101 26.726-39.885 26.726-64.051 0-24.218-9.523-46.95-26.726-64.051l-162.816-161.485c-74.394-73.83-109.363-39.219-124.262-24.422-19.917 19.763-52.019 19.61-71.731-0.256-19.763-19.917-19.661-52.070 0.256-71.782 34.15-33.894 73.216-50.688 114.074-50.688 50.074 0 102.963 25.19 153.242 75.11l162.765 161.485c36.608 36.301 56.781 84.634 56.781 136.038s-20.173 99.789-56.781 136.141z" />
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,446 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de-DE" itemscope itemtype="http://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>Categories - TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
|
||||
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
|
||||
|
||||
<meta name="MobileOptimized" content="width"/>
|
||||
<meta name="HandheldFriendly" content="true"/>
|
||||
|
||||
|
||||
<meta name="applicable-device" content="pc,mobile">
|
||||
|
||||
<meta name="theme-color" content="#f8f5ec" />
|
||||
<meta name="msapplication-navbutton-color" content="#f8f5ec">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">
|
||||
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<meta name="author" content="minetest4kids Team" />
|
||||
<meta name="description" content="minetest4kids Projektseite" />
|
||||
<meta name="keywords" content="minetest, dresden, projekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="generator" content="Hugo 0.80.0" />
|
||||
|
||||
|
||||
<link rel="canonical" href="https://minetest4kids.net/categories/" />
|
||||
<link href="/categories/index.xml" rel="alternate" type="application/rss+xml" title="TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/sass/jane.min.f1e506a781bf25d33ffc18aa6b4e972a965c58049d27d4f92b7db2e9bf28e4bf.css" integrity="sha256-8eUGp4G/JdM//Biqa06XKpZcWASdJ9T5K32y6b8o5L8=" media="screen" crossorigin="anonymous">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Categories" />
|
||||
<meta property="og:description" content="minetest4kids Projektseite" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://minetest4kids.net/categories/" />
|
||||
|
||||
<meta itemprop="name" content="Categories">
|
||||
<meta itemprop="description" content="minetest4kids Projektseite">
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Categories"/>
|
||||
<meta name="twitter:description" content="minetest4kids Projektseite"/>
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="mobile-navbar" class="mobile-navbar">
|
||||
<div class="mobile-header-logo">
|
||||
<a href="/" class="logo">TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</a>
|
||||
</div>
|
||||
<div class="mobile-navbar-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<nav id="mobile-menu" class="mobile-menu slideout-menu">
|
||||
<ul class="mobile-menu-list">
|
||||
<li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/lib/photoswipe/photoswipe.min.css" />
|
||||
<link rel="stylesheet" href="/lib/photoswipe/default-skin/default-skin.min.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
|
||||
<div class="pswp__bg"></div>
|
||||
|
||||
<div class="pswp__scroll-wrap">
|
||||
|
||||
<div class="pswp__container">
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
</div>
|
||||
|
||||
<div class="pswp__ui pswp__ui--hidden">
|
||||
<div class="pswp__top-bar">
|
||||
|
||||
<div class="pswp__counter"></div>
|
||||
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
||||
<button class="pswp__button pswp__button--share" title="Share"></button>
|
||||
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
||||
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
||||
|
||||
|
||||
<div class="pswp__preloader">
|
||||
<div class="pswp__preloader__icn">
|
||||
<div class="pswp__preloader__cut">
|
||||
<div class="pswp__preloader__donut"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||||
<div class="pswp__share-tooltip"></div>
|
||||
</div>
|
||||
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
||||
</button>
|
||||
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
||||
</button>
|
||||
<div class="pswp__caption">
|
||||
<div class="pswp__caption__center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header" class="header container">
|
||||
<div class="logo-wrapper">
|
||||
<a href="/" class="logo">
|
||||
|
||||
TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="site-navbar">
|
||||
<ul id="menu" class="menu">
|
||||
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<div id="mobile-panel">
|
||||
<main id="main" class="main bg-llight">
|
||||
<div class="content-wrapper">
|
||||
<div id="content" class="content container">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer">
|
||||
<div class="icon-links">
|
||||
|
||||
|
||||
<a href="mailto:kontakt@minetest4kids,net" rel="me noopener" class="iconfont"
|
||||
title="email" >
|
||||
<svg class="icon" viewBox="0 0 1451 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36">
|
||||
<path d="M664.781909 681.472759 0 97.881301C0 3.997201 71.046997 0 71.046997 0L474.477909 0 961.649408 0 1361.641813 0C1361.641813 0 1432.688811 3.997201 1432.688811 97.881301L771.345323 681.472759C771.345323 681.472759 764.482731 685.154773 753.594283 688.65053L753.594283 688.664858C741.602731 693.493018 729.424896 695.068979 718.077952 694.839748 706.731093 695.068979 694.553173 693.493018 682.561621 688.664858L682.561621 688.65053C671.644501 685.140446 664.781909 681.472759 664.781909 681.472759L664.781909 681.472759ZM718.063616 811.603883C693.779541 811.016482 658.879232 802.205449 619.10784 767.734955 542.989056 701.759633 0 212.052267 0 212.052267L0 942.809523C0 942.809523 0 1024 83.726336 1024L682.532949 1024 753.579947 1024 1348.948139 1024C1432.688811 1024 1432.688811 942.809523 1432.688811 942.809523L1432.688811 212.052267C1432.688811 212.052267 893.138176 701.759633 817.019477 767.734955 777.248 802.205449 742.347691 811.03081 718.063616 811.603883L718.063616 811.603883Z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="https://bildung.social/@minetest4kids/" rel="me noopener" class="iconfont"
|
||||
title="mastodon" target="_blank"
|
||||
>
|
||||
<svg class="icon" style="" viewBox="0 0 448 512" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://minetest4kids.net/index.xml" rel="noopener alternate" type="application/rss+xml"
|
||||
class="iconfont" title="rss" target="_blank">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="30" height="30">
|
||||
<path d="M819.157333 1024C819.157333 574.592 449.408 204.8 0 204.8V0c561.706667 0 1024 462.293333 1024 1024h-204.842667zM140.416 743.04a140.8 140.8 0 0 1 140.501333 140.586667A140.928 140.928 0 0 1 140.074667 1024C62.72 1024 0 961.109333 0 883.626667s62.933333-140.544 140.416-140.586667zM678.784 1024h-199.04c0-263.210667-216.533333-479.786667-479.744-479.786667V345.173333c372.352 0 678.784 306.517333 678.784 678.826667z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<span class="power-by">
|
||||
Powered by <a class="hexo-link" href="https://gohugo.io">Hugo</a>
|
||||
</span>
|
||||
<span class="division">|</span>
|
||||
<span class="theme-info">
|
||||
Theme - <a class="theme-link" href="https://github.com/xianmin/hugo-theme-jane">Jane</a>
|
||||
</span>
|
||||
|
||||
<span class="copyright-year">
|
||||
©
|
||||
2021
|
||||
<span class="heart">
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1025 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="14" height="14">
|
||||
<path d="M1000.1 247.9c-15.5-37.3-37.6-70.6-65.7-98.9-54.4-54.8-125.8-85-201-85-85.7 0-166 39-221.4 107.4C456.6 103 376.3 64 290.6 64c-75.1 0-146.5 30.4-201.1 85.6-28.2 28.5-50.4 61.9-65.8 99.3-16 38.8-24 79.9-23.6 122.2 0.7 91.7 40.1 177.2 108.1 234.8 3.1 2.6 6 5.1 8.9 7.8 14.9 13.4 58 52.8 112.6 102.7 93.5 85.5 209.9 191.9 257.5 234.2 7 6.1 15.8 9.5 24.9 9.5 9.2 0 18.1-3.4 24.9-9.5 34.5-30.7 105.8-95.9 181.4-165 74.2-67.8 150.9-138 195.8-178.2 69.5-57.9 109.6-144.4 109.9-237.3 0.1-42.5-8-83.6-24-122.2z"
|
||||
fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</span><span class="author">
|
||||
copyright ist aberglaube
|
||||
|
||||
</span></span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div class="back-to-top" id="back-to-top">
|
||||
<i class="iconfont">
|
||||
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="35" height="35">
|
||||
<path d="M510.866688 227.694839 95.449397 629.218702l235.761562 0-2.057869 328.796468 362.40389 0L691.55698 628.188232l241.942331-3.089361L510.866688 227.694839zM63.840492 63.962777l894.052392 0 0 131.813095L63.840492 195.775872 63.840492 63.962777 63.840492 63.962777zM63.840492 63.962777"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/slideout/slideout-1.0.1.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/main.638251f4230630f0335d8c6748e53a96f94b72670920b60c09a56fdc8bece214.js" integrity="sha256-Y4JR9CMGMPAzXYxnSOU6lvlLcmcJILYMCaVv3Ivs4hQ=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/load-photoswipe.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe-ui-default.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Categories on TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
<link>https://minetest4kids.net/categories/</link>
|
||||
<description>Recent content in Categories on TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de-DE</language>
|
||||
<copyright>copyright ist aberglaube</copyright><atom:link href="https://minetest4kids.net/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>http://example.org/categories/</title><link rel="canonical" href="http://example.org/categories/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=http://example.org/categories/" /></head></html>
|
||||
|
|
@ -0,0 +1,176 @@
|
|||
/*
|
||||
Put this file in /static/css/hugo-easy-gallery.css
|
||||
Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
|
||||
*/
|
||||
|
||||
/* Grid Layout Styles */
|
||||
|
||||
.gallery {
|
||||
overflow: hidden;
|
||||
margin: 10px;
|
||||
max-width: 768px;
|
||||
}
|
||||
|
||||
.gallery .box {
|
||||
float: left;
|
||||
position: relative;
|
||||
/* Default: 1 tile wide */
|
||||
width: 100%;
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 365px) {
|
||||
/* Tablet view: 2 tiles */
|
||||
.gallery .box {
|
||||
width: 50%;
|
||||
padding-bottom: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 480px) {
|
||||
/* Small desktop / ipad view: 3 tiles */
|
||||
.gallery .box {
|
||||
width: 33.3%;
|
||||
padding-bottom: 33.3%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 9999px) {
|
||||
/* Medium desktop: 4 tiles */
|
||||
.box {
|
||||
width: 25%;
|
||||
padding-bottom: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Transition styles */
|
||||
|
||||
.gallery.hover-transition figure,
|
||||
.gallery.hover-effect-zoom .img,
|
||||
.gallery:not(.caption-effect-appear) figcaption,
|
||||
.fancy-figure:not(.caption-effect-appear) figcaption {
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
/* Figure styles */
|
||||
|
||||
figure {
|
||||
position: relative;
|
||||
/* purely to allow absolution positioning of figcaption */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gallery figure {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
bottom: 5px;
|
||||
}
|
||||
|
||||
.gallery.hover-effect-grow figure:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.gallery.hover-effect-shrink figure:hover {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.gallery.hover-effect-slidedown figure:hover {
|
||||
transform: translateY(5px);
|
||||
}
|
||||
|
||||
.gallery.hover-effect-slideup figure:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
/* img / a styles */
|
||||
|
||||
.gallery .img {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background-size: cover;
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.gallery.hover-effect-zoom figure:hover .img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.gallery img {
|
||||
display: none;
|
||||
/* only show the img if not inside a gallery */
|
||||
}
|
||||
|
||||
figure a {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* figcaption styles */
|
||||
|
||||
.gallery figcaption,
|
||||
.fancy-figure figcaption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #000;
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
font-size: 75%;
|
||||
/* change this if you want bigger text */
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
opacity: 1;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gallery.caption-position-none figcaption,
|
||||
.fancy-figure.caption-position-none figcaption {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gallery.caption-position-center figcaption,
|
||||
.fancy-figure.caption-position-center figcaption {
|
||||
top: 0;
|
||||
padding: 40% 5px;
|
||||
}
|
||||
|
||||
.gallery.caption-position-bottom figcaption,
|
||||
.fancy-figure.caption-position-bottom figcaption {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.gallery.caption-effect-fade figure:not(:hover) figcaption,
|
||||
.gallery.caption-effect-appear figure:not(:hover) figcaption,
|
||||
.fancy-figure.caption-effect-fade figure:not(:hover) figcaption,
|
||||
.fancy-figure.caption-effect-appear figure:not(:hover) figcaption {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption,
|
||||
.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption {
|
||||
margin-bottom: -100%;
|
||||
}
|
||||
|
||||
.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption,
|
||||
.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption {
|
||||
top: 100%;
|
||||
}
|
||||
|
||||
figcaption p {
|
||||
margin: auto;
|
||||
/* override style in theme */
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 197 B |
Binary file not shown.
|
After Width: | Height: | Size: 315 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
534
index.html
534
index.html
|
|
@ -1,2 +1,532 @@
|
|||
<h1 id="minetest4kids">minetest4kids</h1>
|
||||
<p>Codeberg Gitea Page vom <a href="https://minetest4kids.net" title="minetest4kids Webseite">minetest4kids Projekt</a>.</p>
|
||||
<!DOCTYPE html>
|
||||
<html lang="de-DE" itemscope itemtype="http://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
|
||||
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
|
||||
|
||||
<meta name="MobileOptimized" content="width"/>
|
||||
<meta name="HandheldFriendly" content="true"/>
|
||||
|
||||
|
||||
<meta name="applicable-device" content="pc,mobile">
|
||||
|
||||
<meta name="theme-color" content="#f8f5ec" />
|
||||
<meta name="msapplication-navbutton-color" content="#f8f5ec">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">
|
||||
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<meta name="author" content="minetest4kids Team" />
|
||||
<meta name="description" content="minetest4kids Projektseite" />
|
||||
<meta name="keywords" content="minetest, dresden, projekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="generator" content="Hugo 0.80.0" />
|
||||
|
||||
|
||||
<link rel="canonical" href="https://minetest4kids.net/" />
|
||||
<link href="/index.xml" rel="alternate" type="application/rss+xml" title="TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/sass/jane.min.f1e506a781bf25d33ffc18aa6b4e972a965c58049d27d4f92b7db2e9bf28e4bf.css" integrity="sha256-8eUGp4G/JdM//Biqa06XKpZcWASdJ9T5K32y6b8o5L8=" media="screen" crossorigin="anonymous">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Startseite" />
|
||||
<meta property="og:description" content="minetest4kids Projektseite" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://minetest4kids.net/" />
|
||||
<meta property="og:updated_time" content="2020-12-23T05:15:47+01:00" />
|
||||
<meta itemprop="name" content="Startseite">
|
||||
<meta itemprop="description" content="minetest4kids Projektseite">
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Startseite"/>
|
||||
<meta name="twitter:description" content="minetest4kids Projektseite"/>
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="mobile-navbar" class="mobile-navbar">
|
||||
<div class="mobile-header-logo">
|
||||
<a href="/" class="logo">TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</a>
|
||||
</div>
|
||||
<div class="mobile-navbar-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<nav id="mobile-menu" class="mobile-menu slideout-menu">
|
||||
<ul class="mobile-menu-list">
|
||||
<li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/lib/photoswipe/photoswipe.min.css" />
|
||||
<link rel="stylesheet" href="/lib/photoswipe/default-skin/default-skin.min.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
|
||||
<div class="pswp__bg"></div>
|
||||
|
||||
<div class="pswp__scroll-wrap">
|
||||
|
||||
<div class="pswp__container">
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
</div>
|
||||
|
||||
<div class="pswp__ui pswp__ui--hidden">
|
||||
<div class="pswp__top-bar">
|
||||
|
||||
<div class="pswp__counter"></div>
|
||||
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
||||
<button class="pswp__button pswp__button--share" title="Share"></button>
|
||||
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
||||
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
||||
|
||||
|
||||
<div class="pswp__preloader">
|
||||
<div class="pswp__preloader__icn">
|
||||
<div class="pswp__preloader__cut">
|
||||
<div class="pswp__preloader__donut"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||||
<div class="pswp__share-tooltip"></div>
|
||||
</div>
|
||||
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
||||
</button>
|
||||
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
||||
</button>
|
||||
<div class="pswp__caption">
|
||||
<div class="pswp__caption__center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header" class="header container">
|
||||
<div class="logo-wrapper">
|
||||
<a href="/" class="logo">
|
||||
|
||||
TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="site-navbar">
|
||||
<ul id="menu" class="menu">
|
||||
|
||||
|
||||
<li class="menu-item active">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<div id="mobile-panel">
|
||||
<main id="main" class="main bg-llight">
|
||||
<div class="content-wrapper">
|
||||
<div id="content" class="content container">
|
||||
|
||||
<section id="posts" class="posts">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<article class="post bg-white">
|
||||
<header class="post-header">
|
||||
<h1 class="post-title">
|
||||
|
||||
<a class="post-link" href="/post/my-second-post/">My Second Post</a>
|
||||
</h1>
|
||||
|
||||
<div class="post-meta">
|
||||
<time datetime="2020-12-23" class="post-time">
|
||||
2020-12-23
|
||||
</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
<div class="post-summary">
|
||||
mein zweiter post Leider gibt es immer noch einige kleinere Fehler. Ich verstehe noch nicht so recht wie ich statische Seiten anlegen kann. Auch mögliche Icons (Mastodon, Codeberg) sowie ein Menü fehlen noch gänzlich.
|
||||
</div>
|
||||
<div class="read-more">
|
||||
<a href="/post/my-second-post/" class="read-more-link">Read more</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="post bg-white">
|
||||
<header class="post-header">
|
||||
<h1 class="post-title">
|
||||
|
||||
<a class="post-link" href="/post/my-first-post/">My First Post</a>
|
||||
</h1>
|
||||
|
||||
<div class="post-meta">
|
||||
<time datetime="2020-12-23" class="post-time">
|
||||
2020-12-23
|
||||
</time>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
<div class="post-summary">
|
||||
This is my First Post
|
||||
Test nach der Überschrift 1. Grades
|
||||
Test nach der Überschrift 2. Grades
|
||||
</div>
|
||||
<div class="read-more">
|
||||
<a href="/post/my-first-post/" class="read-more-link">Read more</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer">
|
||||
<div class="icon-links">
|
||||
|
||||
|
||||
<a href="mailto:kontakt@minetest4kids,net" rel="me noopener" class="iconfont"
|
||||
title="email" >
|
||||
<svg class="icon" viewBox="0 0 1451 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36">
|
||||
<path d="M664.781909 681.472759 0 97.881301C0 3.997201 71.046997 0 71.046997 0L474.477909 0 961.649408 0 1361.641813 0C1361.641813 0 1432.688811 3.997201 1432.688811 97.881301L771.345323 681.472759C771.345323 681.472759 764.482731 685.154773 753.594283 688.65053L753.594283 688.664858C741.602731 693.493018 729.424896 695.068979 718.077952 694.839748 706.731093 695.068979 694.553173 693.493018 682.561621 688.664858L682.561621 688.65053C671.644501 685.140446 664.781909 681.472759 664.781909 681.472759L664.781909 681.472759ZM718.063616 811.603883C693.779541 811.016482 658.879232 802.205449 619.10784 767.734955 542.989056 701.759633 0 212.052267 0 212.052267L0 942.809523C0 942.809523 0 1024 83.726336 1024L682.532949 1024 753.579947 1024 1348.948139 1024C1432.688811 1024 1432.688811 942.809523 1432.688811 942.809523L1432.688811 212.052267C1432.688811 212.052267 893.138176 701.759633 817.019477 767.734955 777.248 802.205449 742.347691 811.03081 718.063616 811.603883L718.063616 811.603883Z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="https://bildung.social/@minetest4kids/" rel="me noopener" class="iconfont"
|
||||
title="mastodon" target="_blank"
|
||||
>
|
||||
<svg class="icon" style="" viewBox="0 0 448 512" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://minetest4kids.net/index.xml" rel="noopener alternate" type="application/rss+xml"
|
||||
class="iconfont" title="rss" target="_blank">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="30" height="30">
|
||||
<path d="M819.157333 1024C819.157333 574.592 449.408 204.8 0 204.8V0c561.706667 0 1024 462.293333 1024 1024h-204.842667zM140.416 743.04a140.8 140.8 0 0 1 140.501333 140.586667A140.928 140.928 0 0 1 140.074667 1024C62.72 1024 0 961.109333 0 883.626667s62.933333-140.544 140.416-140.586667zM678.784 1024h-199.04c0-263.210667-216.533333-479.786667-479.744-479.786667V345.173333c372.352 0 678.784 306.517333 678.784 678.826667z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<span class="power-by">
|
||||
Powered by <a class="hexo-link" href="https://gohugo.io">Hugo</a>
|
||||
</span>
|
||||
<span class="division">|</span>
|
||||
<span class="theme-info">
|
||||
Theme - <a class="theme-link" href="https://github.com/xianmin/hugo-theme-jane">Jane</a>
|
||||
</span>
|
||||
|
||||
<span class="copyright-year">
|
||||
©
|
||||
2021
|
||||
<span class="heart">
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1025 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="14" height="14">
|
||||
<path d="M1000.1 247.9c-15.5-37.3-37.6-70.6-65.7-98.9-54.4-54.8-125.8-85-201-85-85.7 0-166 39-221.4 107.4C456.6 103 376.3 64 290.6 64c-75.1 0-146.5 30.4-201.1 85.6-28.2 28.5-50.4 61.9-65.8 99.3-16 38.8-24 79.9-23.6 122.2 0.7 91.7 40.1 177.2 108.1 234.8 3.1 2.6 6 5.1 8.9 7.8 14.9 13.4 58 52.8 112.6 102.7 93.5 85.5 209.9 191.9 257.5 234.2 7 6.1 15.8 9.5 24.9 9.5 9.2 0 18.1-3.4 24.9-9.5 34.5-30.7 105.8-95.9 181.4-165 74.2-67.8 150.9-138 195.8-178.2 69.5-57.9 109.6-144.4 109.9-237.3 0.1-42.5-8-83.6-24-122.2z"
|
||||
fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</span><span class="author">
|
||||
copyright ist aberglaube
|
||||
|
||||
</span></span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div class="back-to-top" id="back-to-top">
|
||||
<i class="iconfont">
|
||||
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="35" height="35">
|
||||
<path d="M510.866688 227.694839 95.449397 629.218702l235.761562 0-2.057869 328.796468 362.40389 0L691.55698 628.188232l241.942331-3.089361L510.866688 227.694839zM63.840492 63.962777l894.052392 0 0 131.813095L63.840492 195.775872 63.840492 63.962777 63.840492 63.962777zM63.840492 63.962777"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/slideout/slideout-1.0.1.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/main.638251f4230630f0335d8c6748e53a96f94b72670920b60c09a56fdc8bece214.js" integrity="sha256-Y4JR9CMGMPAzXYxnSOU6lvlLcmcJILYMCaVv3Ivs4hQ=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/load-photoswipe.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe-ui-default.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,5 @@
|
|||
minetest4kids
|
||||
=============
|
||||
|
||||
Codeberg Gitea Page vom [minetest4kids
|
||||
Projekt](https://minetest4kids.net "minetest4kids Webseite").
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Startseite on TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
<link>https://minetest4kids.net/</link>
|
||||
<description>Recent content in Startseite on TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de-DE</language>
|
||||
<copyright>copyright ist aberglaube</copyright>
|
||||
<lastBuildDate>Wed, 23 Dec 2020 05:15:47 +0100</lastBuildDate>
|
||||
|
||||
<atom:link href="https://minetest4kids.net/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>My Second Post</title>
|
||||
<link>https://minetest4kids.net/post/my-second-post/</link>
|
||||
<pubDate>Wed, 23 Dec 2020 05:22:53 +0100</pubDate>
|
||||
|
||||
<guid>https://minetest4kids.net/post/my-second-post/</guid>
|
||||
|
||||
<description><h2 id="mein-zweiter-post">mein zweiter post</h2>
|
||||
<p>Leider gibt es immer noch einige kleinere Fehler. Ich verstehe noch nicht so recht wie ich statische Seiten anlegen kann. Auch mögliche Icons (Mastodon, Codeberg) sowie ein Menü fehlen noch gänzlich.</p>
|
||||
<!-- raw HTML omitted -->
|
||||
<!-- raw HTML omitted -->
|
||||
<!-- raw HTML omitted -->
|
||||
</description>
|
||||
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>My First Post</title>
|
||||
<link>https://minetest4kids.net/post/my-first-post/</link>
|
||||
<pubDate>Wed, 23 Dec 2020 01:54:52 +0100</pubDate>
|
||||
|
||||
<guid>https://minetest4kids.net/post/my-first-post/</guid>
|
||||
|
||||
<description><p>This is my First Post</p>
|
||||
<h1 id="test">Test</h1>
|
||||
<p>nach der Überschrift 1. Grades</p>
|
||||
<h2 id="test-1">Test</h2>
|
||||
<p>nach der Überschrift 2. Grades</p>
|
||||
</description>
|
||||
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,91 @@
|
|||
/*
|
||||
Put this file in /static/js/load-photoswipe.js
|
||||
Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
|
||||
*/
|
||||
|
||||
/* Show an alert if this js file has been loaded twice */
|
||||
if (window.loadphotoswipejs) {
|
||||
window.alert("You've loaded load-photoswipe.js twice. See https://github.com/liwenyip/hugo-easy-gallery/issues/6")
|
||||
}
|
||||
var loadphotoswipejs = 1
|
||||
|
||||
/* TODO: Make the share function work */
|
||||
$( document ).ready(function() {
|
||||
/*
|
||||
Initialise Photoswipe
|
||||
*/
|
||||
var items = []; // array of slide objects that will be passed to PhotoSwipe()
|
||||
|
||||
// for every figure & image element on the page:
|
||||
$('.post-content p > img, figure').each(function () {
|
||||
var $this = $(this);
|
||||
var $a, $img, $src, $title, $msrc;
|
||||
if ($this.attr('class') == 'no-photoswipe') return true; // ignore any figures where class="no-photoswipe"
|
||||
|
||||
// get image properties,
|
||||
if ($this[0].tagName === 'IMG') {
|
||||
$src = $this[0].src;
|
||||
$msrc = $this[0].src;
|
||||
$title = $this[0].alt;
|
||||
} else {
|
||||
// else figure image
|
||||
$a = $this.find('a'),
|
||||
$img = $this.find('img'),
|
||||
$src = $a.attr('href'),
|
||||
$title = $img.attr('alt'),
|
||||
$msrc = $img.attr('src');
|
||||
}
|
||||
|
||||
// if data-size on <a> tag is set, read it and create an item
|
||||
if ($a && $a.data('size')) {
|
||||
var $size = $a.data('size').split('x');
|
||||
var item = {
|
||||
src: $src,
|
||||
w: $size[0],
|
||||
h: $size[1],
|
||||
title: $title,
|
||||
msrc: $msrc
|
||||
};
|
||||
// console.log("Using pre-defined dimensions for " + $src);
|
||||
// if not, set temp default size then load the image to check actual size
|
||||
} else {
|
||||
var item = {
|
||||
src: $src,
|
||||
w: 800, // temp default size
|
||||
h: 600, // temp default size
|
||||
title: $title,
|
||||
msrc: $msrc
|
||||
};
|
||||
// console.log("Using default dimensions for " + $src);
|
||||
// load the image to check its dimensions
|
||||
// update the item as soon as w and h are known (check every 30ms)
|
||||
var img = new Image();
|
||||
img.src = $src;
|
||||
var wait = setInterval(function() {
|
||||
var w = img.naturalWidth,
|
||||
h = img.naturalHeight;
|
||||
if (w && h) {
|
||||
clearInterval(wait);
|
||||
item.w = w;
|
||||
item.h = h;
|
||||
// console.log("Got actual dimensions for " + img.src);
|
||||
}
|
||||
}, 30);
|
||||
}
|
||||
// Save the index of this image then add it to the array
|
||||
var index = items.length;
|
||||
items.push(item);
|
||||
// Event handler for click on a figure
|
||||
$this.on('click', function(event) {
|
||||
event.preventDefault(); // prevent the normal behaviour i.e. load the <a> hyperlink
|
||||
// Get the PSWP element and initialise it with the desired options
|
||||
var $pswp = $('.pswp')[0];
|
||||
var options = {
|
||||
index: index,
|
||||
bgOpacity: 0.8,
|
||||
showHideOpacity: true
|
||||
}
|
||||
new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options).init();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,228 @@
|
|||
// import backToTop from './backToTop';
|
||||
// import mobileNavbar from './mobileNavbar';
|
||||
// import toc from './toc';
|
||||
// import headerAnchor from './headerAnchor';
|
||||
// import fnTooltip from './footnoteTooltip';
|
||||
// import highlight from './highlight';
|
||||
|
||||
/**
|
||||
* back to top
|
||||
*/
|
||||
var backToTop = function() {
|
||||
const $backToTop = $('#back-to-top');
|
||||
|
||||
$(window)
|
||||
.scroll(function() {
|
||||
if ($(window)
|
||||
.scrollTop() > 100) {
|
||||
$backToTop.fadeIn(1000);
|
||||
} else {
|
||||
$backToTop.fadeOut(1000);
|
||||
}
|
||||
})
|
||||
|
||||
$backToTop.click(function() {
|
||||
$('body,html')
|
||||
.animate({
|
||||
scrollTop: 0
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* mobile Navbar
|
||||
*/
|
||||
var mobileNavbar = function() {
|
||||
const $mobileNav = $('#mobile-navbar');
|
||||
const $mobileNavIcon = $('.mobile-navbar-icon');
|
||||
const slideout = new Slideout({
|
||||
'panel': document.getElementById('mobile-panel'),
|
||||
'menu': document.getElementById('mobile-menu'),
|
||||
'padding': 180,
|
||||
'tolerance': 70
|
||||
})
|
||||
slideout.disableTouch()
|
||||
|
||||
$mobileNavIcon.click(function () {
|
||||
slideout.toggle()
|
||||
})
|
||||
|
||||
slideout.on('beforeopen', function () {
|
||||
$mobileNav.addClass('fixed-open')
|
||||
$mobileNavIcon.addClass('icon-click').removeClass('icon-out')
|
||||
})
|
||||
|
||||
slideout.on('beforeclose', function () {
|
||||
$mobileNav.removeClass('fixed-open')
|
||||
$mobileNavIcon.addClass('icon-out').removeClass('icon-click')
|
||||
})
|
||||
|
||||
$('#mobile-panel').on('touchend', function () {
|
||||
slideout.isOpen() && $mobileNavIcon.click()
|
||||
})
|
||||
|
||||
$('.mobile-submenu-open').on('click', function () {
|
||||
const $mobileSubmenuList = $('.mobile-submenu-list')
|
||||
const $mobileMenuParent = $('.mobile-menu-parent')
|
||||
|
||||
if ($(this).parent().next().css('display') == "none") {
|
||||
$mobileSubmenuList.slideUp(300)
|
||||
$(this).parent().next('ul').slideDown(300)
|
||||
$(this).parent().addClass('mobile-submenu-show')
|
||||
$(this).parent().parent().siblings().children().removeClass('mobile-submenu-show')
|
||||
} else {
|
||||
$(this).parent().next('ul').slideUp(300)
|
||||
$mobileMenuParent.removeClass('mobile-submenu-show')
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Table of Content fix
|
||||
*/
|
||||
function initToc() {
|
||||
const $toc = $('#post-toc');
|
||||
if ($toc.length && $(window)
|
||||
.width() >= 1080) {
|
||||
$(window)
|
||||
.scroll(function() {
|
||||
if ($(window)
|
||||
.scrollTop() > 100) {
|
||||
$toc.fadeIn(1000);
|
||||
} else {
|
||||
$toc.fadeOut(100);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var toc = function() {
|
||||
const tocContainer = document.getElementById('post-toc');
|
||||
if (tocContainer !== null) {
|
||||
const toc = document.getElementById('TableOfContents');
|
||||
if (toc === null) {
|
||||
// if global config 'toc = true', but there are no headings
|
||||
tocContainer.parentNode.removeChild(tocContainer);
|
||||
} else {
|
||||
initToc();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Anchor for post content header
|
||||
**/
|
||||
var anchorForId = function (id) {
|
||||
var anchor = document.createElement("a");
|
||||
anchor.className = "header-link";
|
||||
anchor.href = "#" + id;
|
||||
anchor.innerHTML = '<svg viewBox="0 0 16 10" version="1.1" width="24" height="24"><path d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"/></svg>';
|
||||
return anchor;
|
||||
};
|
||||
|
||||
var linkifyAnchors = function (level, containingElement) {
|
||||
var headers = containingElement.getElementsByTagName("h" + level);
|
||||
for (var h = 0; h < headers.length; h++) {
|
||||
var header = headers[h];
|
||||
header.className = "post-content-header";
|
||||
|
||||
if (typeof header.id !== "undefined" && header.id !== "") {
|
||||
// insert header-link before the header
|
||||
header.appendChild(anchorForId(header.id));
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var headerAnchor = function() {
|
||||
var contentBlock = document.getElementsByClassName("post-content")[0];
|
||||
if (!contentBlock) {
|
||||
return;
|
||||
}
|
||||
|
||||
for (var level = 1; level <= 4; level++) {
|
||||
linkifyAnchors(level, contentBlock);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* footnote tooltip
|
||||
*/
|
||||
var fnTooltip = function () {
|
||||
$(".footnote-ref").each(function () {
|
||||
var id = $(this).children("a").attr("href").substr(1),
|
||||
footnote = $(document.getElementById(id)).clone(),
|
||||
outer_wrapper = $("<span>", { "class": "fn-content" }),
|
||||
inner_wrapper = $("<span>", { "class": "fn-text" });
|
||||
footnote.find(".footnote-return").remove();
|
||||
$(this).append(outer_wrapper.append(inner_wrapper.html(footnote.html())));
|
||||
});
|
||||
|
||||
// fix tooltip position & width
|
||||
var position = function () {
|
||||
var content = $(".fn-content").removeAttr("style");
|
||||
if ($(window).width() < 640)
|
||||
content.css("width", $(window).width() / 2);
|
||||
else
|
||||
content.css("width", 340); // default value
|
||||
content.each(function () {
|
||||
var width = $(this).children(".fn-text").outerWidth();
|
||||
$(this).css({
|
||||
"width": width,
|
||||
"margin-left": width / -2
|
||||
});
|
||||
});
|
||||
}
|
||||
position();
|
||||
$(window).resize(position());
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* highlight
|
||||
*/
|
||||
var highlight = function () {
|
||||
document.querySelectorAll('.chroma>table')
|
||||
.forEach((element) => {
|
||||
const sub = element.querySelector('code[data-lang]');
|
||||
if (sub !== null) {
|
||||
element.setAttribute('data-lang', mapLang(sub.getAttribute('data-lang')));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function mapLang(name) {
|
||||
return {
|
||||
coffeescript: 'CoffeeScript',
|
||||
cpp: 'C++',
|
||||
cs: 'C#',
|
||||
css: 'CSS',
|
||||
html: 'HTML',
|
||||
http: 'HTTP',
|
||||
js: 'JavaScript',
|
||||
json: 'JSON',
|
||||
objectivec: 'Objective-C',
|
||||
php: 'PHP',
|
||||
sql: 'SQL',
|
||||
toml: 'TOML',
|
||||
ts: 'TypeScript',
|
||||
typescript: 'TypeScript',
|
||||
xml: 'XML',
|
||||
yaml: 'YAML',
|
||||
}[name] || name;
|
||||
}
|
||||
|
||||
|
||||
/* main */
|
||||
$(document).ready(function () {
|
||||
backToTop();
|
||||
mobileNavbar();
|
||||
toc();
|
||||
headerAnchor();
|
||||
fnTooltip();
|
||||
});
|
||||
|
||||
highlight();
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 547 B |
|
|
@ -0,0 +1 @@
|
|||
<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 866 B |
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.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%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;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--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity: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}.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;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(0.4,0,0.22,1);transition:transform 333ms cubic-bezier(0.4,0,0.22,1)}.pswp__bg{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--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}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100% !important;height:auto !important;left:0;top:0}.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}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://minetest4kids.net/</title><link rel="canonical" href="https://minetest4kids.net/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://minetest4kids.net/" /></head></html>
|
||||
|
|
@ -0,0 +1,493 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de-DE" itemscope itemtype="http://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>Archive - TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
|
||||
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
|
||||
|
||||
<meta name="MobileOptimized" content="width"/>
|
||||
<meta name="HandheldFriendly" content="true"/>
|
||||
|
||||
|
||||
<meta name="applicable-device" content="pc,mobile">
|
||||
|
||||
<meta name="theme-color" content="#f8f5ec" />
|
||||
<meta name="msapplication-navbutton-color" content="#f8f5ec">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">
|
||||
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<meta name="author" content="minetest4kids Team" />
|
||||
<meta name="description" content="minetest4kids Projektseite" />
|
||||
<meta name="keywords" content="minetest, dresden, projekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="generator" content="Hugo 0.80.0" />
|
||||
|
||||
|
||||
<link rel="canonical" href="https://minetest4kids.net/post/" />
|
||||
<link href="/post/index.xml" rel="alternate" type="application/rss+xml" title="TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/sass/jane.min.f1e506a781bf25d33ffc18aa6b4e972a965c58049d27d4f92b7db2e9bf28e4bf.css" integrity="sha256-8eUGp4G/JdM//Biqa06XKpZcWASdJ9T5K32y6b8o5L8=" media="screen" crossorigin="anonymous">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Posts" />
|
||||
<meta property="og:description" content="minetest4kids Projektseite" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://minetest4kids.net/post/" />
|
||||
<meta property="og:updated_time" content="2020-12-23T05:22:53+01:00" />
|
||||
<meta itemprop="name" content="Posts">
|
||||
<meta itemprop="description" content="minetest4kids Projektseite">
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Posts"/>
|
||||
<meta name="twitter:description" content="minetest4kids Projektseite"/>
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="mobile-navbar" class="mobile-navbar">
|
||||
<div class="mobile-header-logo">
|
||||
<a href="/" class="logo">TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</a>
|
||||
</div>
|
||||
<div class="mobile-navbar-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<nav id="mobile-menu" class="mobile-menu slideout-menu">
|
||||
<ul class="mobile-menu-list">
|
||||
<li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/lib/photoswipe/photoswipe.min.css" />
|
||||
<link rel="stylesheet" href="/lib/photoswipe/default-skin/default-skin.min.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
|
||||
<div class="pswp__bg"></div>
|
||||
|
||||
<div class="pswp__scroll-wrap">
|
||||
|
||||
<div class="pswp__container">
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
</div>
|
||||
|
||||
<div class="pswp__ui pswp__ui--hidden">
|
||||
<div class="pswp__top-bar">
|
||||
|
||||
<div class="pswp__counter"></div>
|
||||
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
||||
<button class="pswp__button pswp__button--share" title="Share"></button>
|
||||
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
||||
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
||||
|
||||
|
||||
<div class="pswp__preloader">
|
||||
<div class="pswp__preloader__icn">
|
||||
<div class="pswp__preloader__cut">
|
||||
<div class="pswp__preloader__donut"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||||
<div class="pswp__share-tooltip"></div>
|
||||
</div>
|
||||
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
||||
</button>
|
||||
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
||||
</button>
|
||||
<div class="pswp__caption">
|
||||
<div class="pswp__caption__center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header" class="header container">
|
||||
<div class="logo-wrapper">
|
||||
<a href="/" class="logo">
|
||||
|
||||
TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="site-navbar">
|
||||
<ul id="menu" class="menu">
|
||||
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<div id="mobile-panel">
|
||||
<main id="main" class="main bg-llight">
|
||||
<div class="content-wrapper">
|
||||
<div id="content" class="content container">
|
||||
|
||||
<section id="archive" class="archive">
|
||||
<div class="archive-title">
|
||||
<span class="archive-post-counter">
|
||||
2 posts In Total
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="collection-title">
|
||||
<h2 class="archive-year">2020</h2>
|
||||
</div>
|
||||
|
||||
<div class="archive-post">
|
||||
<time datetime="2020-12-23" class="archive-post-time">
|
||||
2020-12-23
|
||||
</time>
|
||||
<span class="archive-post-title">
|
||||
<a href="/post/my-second-post/" class="archive-post-link">
|
||||
My Second Post
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="archive-post">
|
||||
<time datetime="2020-12-23" class="archive-post-time">
|
||||
2020-12-23
|
||||
</time>
|
||||
<span class="archive-post-title">
|
||||
<a href="/post/my-first-post/" class="archive-post-link">
|
||||
My First Post
|
||||
</a>
|
||||
</span>
|
||||
</div></section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer">
|
||||
<div class="icon-links">
|
||||
|
||||
|
||||
<a href="mailto:kontakt@minetest4kids,net" rel="me noopener" class="iconfont"
|
||||
title="email" >
|
||||
<svg class="icon" viewBox="0 0 1451 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36">
|
||||
<path d="M664.781909 681.472759 0 97.881301C0 3.997201 71.046997 0 71.046997 0L474.477909 0 961.649408 0 1361.641813 0C1361.641813 0 1432.688811 3.997201 1432.688811 97.881301L771.345323 681.472759C771.345323 681.472759 764.482731 685.154773 753.594283 688.65053L753.594283 688.664858C741.602731 693.493018 729.424896 695.068979 718.077952 694.839748 706.731093 695.068979 694.553173 693.493018 682.561621 688.664858L682.561621 688.65053C671.644501 685.140446 664.781909 681.472759 664.781909 681.472759L664.781909 681.472759ZM718.063616 811.603883C693.779541 811.016482 658.879232 802.205449 619.10784 767.734955 542.989056 701.759633 0 212.052267 0 212.052267L0 942.809523C0 942.809523 0 1024 83.726336 1024L682.532949 1024 753.579947 1024 1348.948139 1024C1432.688811 1024 1432.688811 942.809523 1432.688811 942.809523L1432.688811 212.052267C1432.688811 212.052267 893.138176 701.759633 817.019477 767.734955 777.248 802.205449 742.347691 811.03081 718.063616 811.603883L718.063616 811.603883Z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="https://bildung.social/@minetest4kids/" rel="me noopener" class="iconfont"
|
||||
title="mastodon" target="_blank"
|
||||
>
|
||||
<svg class="icon" style="" viewBox="0 0 448 512" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://minetest4kids.net/index.xml" rel="noopener alternate" type="application/rss+xml"
|
||||
class="iconfont" title="rss" target="_blank">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="30" height="30">
|
||||
<path d="M819.157333 1024C819.157333 574.592 449.408 204.8 0 204.8V0c561.706667 0 1024 462.293333 1024 1024h-204.842667zM140.416 743.04a140.8 140.8 0 0 1 140.501333 140.586667A140.928 140.928 0 0 1 140.074667 1024C62.72 1024 0 961.109333 0 883.626667s62.933333-140.544 140.416-140.586667zM678.784 1024h-199.04c0-263.210667-216.533333-479.786667-479.744-479.786667V345.173333c372.352 0 678.784 306.517333 678.784 678.826667z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<span class="power-by">
|
||||
Powered by <a class="hexo-link" href="https://gohugo.io">Hugo</a>
|
||||
</span>
|
||||
<span class="division">|</span>
|
||||
<span class="theme-info">
|
||||
Theme - <a class="theme-link" href="https://github.com/xianmin/hugo-theme-jane">Jane</a>
|
||||
</span>
|
||||
|
||||
<span class="copyright-year">
|
||||
©
|
||||
2021
|
||||
<span class="heart">
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1025 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="14" height="14">
|
||||
<path d="M1000.1 247.9c-15.5-37.3-37.6-70.6-65.7-98.9-54.4-54.8-125.8-85-201-85-85.7 0-166 39-221.4 107.4C456.6 103 376.3 64 290.6 64c-75.1 0-146.5 30.4-201.1 85.6-28.2 28.5-50.4 61.9-65.8 99.3-16 38.8-24 79.9-23.6 122.2 0.7 91.7 40.1 177.2 108.1 234.8 3.1 2.6 6 5.1 8.9 7.8 14.9 13.4 58 52.8 112.6 102.7 93.5 85.5 209.9 191.9 257.5 234.2 7 6.1 15.8 9.5 24.9 9.5 9.2 0 18.1-3.4 24.9-9.5 34.5-30.7 105.8-95.9 181.4-165 74.2-67.8 150.9-138 195.8-178.2 69.5-57.9 109.6-144.4 109.9-237.3 0.1-42.5-8-83.6-24-122.2z"
|
||||
fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</span><span class="author">
|
||||
copyright ist aberglaube
|
||||
|
||||
</span></span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div class="back-to-top" id="back-to-top">
|
||||
<i class="iconfont">
|
||||
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="35" height="35">
|
||||
<path d="M510.866688 227.694839 95.449397 629.218702l235.761562 0-2.057869 328.796468 362.40389 0L691.55698 628.188232l241.942331-3.089361L510.866688 227.694839zM63.840492 63.962777l894.052392 0 0 131.813095L63.840492 195.775872 63.840492 63.962777 63.840492 63.962777zM63.840492 63.962777"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/slideout/slideout-1.0.1.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/main.638251f4230630f0335d8c6748e53a96f94b72670920b60c09a56fdc8bece214.js" integrity="sha256-Y4JR9CMGMPAzXYxnSOU6lvlLcmcJILYMCaVv3Ivs4hQ=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/load-photoswipe.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe-ui-default.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Posts on TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
<link>https://minetest4kids.net/post/</link>
|
||||
<description>Recent content in Posts on TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de-DE</language>
|
||||
<copyright>copyright ist aberglaube</copyright>
|
||||
<lastBuildDate>Wed, 23 Dec 2020 05:22:53 +0100</lastBuildDate><atom:link href="https://minetest4kids.net/post/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>My Second Post</title>
|
||||
<link>https://minetest4kids.net/post/my-second-post/</link>
|
||||
<pubDate>Wed, 23 Dec 2020 05:22:53 +0100</pubDate>
|
||||
|
||||
<guid>https://minetest4kids.net/post/my-second-post/</guid>
|
||||
<description>mein zweiter post Leider gibt es immer noch einige kleinere Fehler. Ich verstehe noch nicht so recht wie ich statische Seiten anlegen kann. Auch mögliche Icons (Mastodon, Codeberg) sowie ein Menü fehlen noch gänzlich.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>My First Post</title>
|
||||
<link>https://minetest4kids.net/post/my-first-post/</link>
|
||||
<pubDate>Wed, 23 Dec 2020 01:54:52 +0100</pubDate>
|
||||
|
||||
<guid>https://minetest4kids.net/post/my-first-post/</guid>
|
||||
<description>This is my First Post
|
||||
Test nach der Überschrift 1. Grades
|
||||
Test nach der Überschrift 2. Grades</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,563 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de-DE" itemscope itemtype="http://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>My First Post - TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
|
||||
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
|
||||
|
||||
<meta name="MobileOptimized" content="width"/>
|
||||
<meta name="HandheldFriendly" content="true"/>
|
||||
|
||||
|
||||
<meta name="applicable-device" content="pc,mobile">
|
||||
|
||||
<meta name="theme-color" content="#f8f5ec" />
|
||||
<meta name="msapplication-navbutton-color" content="#f8f5ec">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">
|
||||
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<meta name="author" content="nac" />
|
||||
<meta name="description" content="This is my First Post
|
||||
Test nach der Überschrift 1. Grades
|
||||
Test nach der Überschrift 2. Grades" />
|
||||
|
||||
<meta name="keywords" content="minetest, dresden, projekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="generator" content="Hugo 0.80.0" />
|
||||
|
||||
|
||||
<link rel="canonical" href="https://minetest4kids.net/post/my-first-post/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/sass/jane.min.f1e506a781bf25d33ffc18aa6b4e972a965c58049d27d4f92b7db2e9bf28e4bf.css" integrity="sha256-8eUGp4G/JdM//Biqa06XKpZcWASdJ9T5K32y6b8o5L8=" media="screen" crossorigin="anonymous">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="My First Post" />
|
||||
<meta property="og:description" content="This is my First Post
|
||||
Test nach der Überschrift 1. Grades
|
||||
Test nach der Überschrift 2. Grades" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://minetest4kids.net/post/my-first-post/" />
|
||||
<meta property="article:published_time" content="2020-12-23T01:54:52+01:00" />
|
||||
<meta property="article:modified_time" content="2020-12-23T01:54:52+01:00" />
|
||||
<meta itemprop="name" content="My First Post">
|
||||
<meta itemprop="description" content="This is my First Post
|
||||
Test nach der Überschrift 1. Grades
|
||||
Test nach der Überschrift 2. Grades">
|
||||
<meta itemprop="datePublished" content="2020-12-23T01:54:52+01:00" />
|
||||
<meta itemprop="dateModified" content="2020-12-23T01:54:52+01:00" />
|
||||
<meta itemprop="wordCount" content="17">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="keywords" content="" />
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="My First Post"/>
|
||||
<meta name="twitter:description" content="This is my First Post
|
||||
Test nach der Überschrift 1. Grades
|
||||
Test nach der Überschrift 2. Grades"/>
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="mobile-navbar" class="mobile-navbar">
|
||||
<div class="mobile-header-logo">
|
||||
<a href="/" class="logo">TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</a>
|
||||
</div>
|
||||
<div class="mobile-navbar-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<nav id="mobile-menu" class="mobile-menu slideout-menu">
|
||||
<ul class="mobile-menu-list">
|
||||
<li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/lib/photoswipe/photoswipe.min.css" />
|
||||
<link rel="stylesheet" href="/lib/photoswipe/default-skin/default-skin.min.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
|
||||
<div class="pswp__bg"></div>
|
||||
|
||||
<div class="pswp__scroll-wrap">
|
||||
|
||||
<div class="pswp__container">
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
</div>
|
||||
|
||||
<div class="pswp__ui pswp__ui--hidden">
|
||||
<div class="pswp__top-bar">
|
||||
|
||||
<div class="pswp__counter"></div>
|
||||
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
||||
<button class="pswp__button pswp__button--share" title="Share"></button>
|
||||
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
||||
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
||||
|
||||
|
||||
<div class="pswp__preloader">
|
||||
<div class="pswp__preloader__icn">
|
||||
<div class="pswp__preloader__cut">
|
||||
<div class="pswp__preloader__donut"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||||
<div class="pswp__share-tooltip"></div>
|
||||
</div>
|
||||
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
||||
</button>
|
||||
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
||||
</button>
|
||||
<div class="pswp__caption">
|
||||
<div class="pswp__caption__center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header" class="header container">
|
||||
<div class="logo-wrapper">
|
||||
<a href="/" class="logo">
|
||||
|
||||
TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="site-navbar">
|
||||
<ul id="menu" class="menu">
|
||||
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<div id="mobile-panel">
|
||||
<main id="main" class="main bg-llight">
|
||||
<div class="content-wrapper">
|
||||
<div id="content" class="content container">
|
||||
<article class="post bg-white">
|
||||
|
||||
<header class="post-header">
|
||||
<h1 class="post-title">My First Post</h1>
|
||||
|
||||
<div class="post-meta">
|
||||
<time datetime="2020-12-23" class="post-time">
|
||||
2020-12-23
|
||||
</time>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<div class="post-toc" id="post-toc">
|
||||
<h2 class="post-toc-title">Table of Contents</h2>
|
||||
<div class="post-toc-content">
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#test-1">Test</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="post-content">
|
||||
<p>This is my First Post</p>
|
||||
<h1 id="test">Test</h1>
|
||||
<p>nach der Überschrift 1. Grades</p>
|
||||
<h2 id="test-1">Test</h2>
|
||||
<p>nach der Überschrift 2. Grades</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="post-copyright">
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">Author</span>
|
||||
<span class="item-content">nac</span>
|
||||
</p>
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">LastMod</span>
|
||||
<span class="item-content">
|
||||
2020-12-23
|
||||
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">License</span>
|
||||
<span class="item-content"><a rel="license noopener" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank">CC BY-NC-ND 4.0</a></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<footer class="post-footer">
|
||||
|
||||
|
||||
|
||||
<nav class="post-nav">
|
||||
|
||||
<a class="prev" href="/post/my-second-post/">
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="18" height="18">
|
||||
<path d="M691.908486 949.511495l75.369571-89.491197c10.963703-12.998035 10.285251-32.864502-1.499144-44.378743L479.499795 515.267417 757.434875 204.940602c11.338233-12.190647 11.035334-32.285311-0.638543-44.850487l-80.46666-86.564541c-11.680017-12.583596-30.356378-12.893658-41.662889-0.716314L257.233596 494.235404c-11.332093 12.183484-11.041474 32.266891 0.657986 44.844348l80.46666 86.564541c1.772366 1.910513 3.706415 3.533476 5.750981 4.877077l306.620399 321.703933C662.505829 963.726242 680.945807 962.528973 691.908486 949.511495z"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
<span class="prev-text nav-default">My Second Post</span>
|
||||
<span class="prev-text nav-mobile">Prev</span>
|
||||
</a>
|
||||
|
||||
</nav>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer">
|
||||
<div class="icon-links">
|
||||
|
||||
|
||||
<a href="mailto:kontakt@minetest4kids,net" rel="me noopener" class="iconfont"
|
||||
title="email" >
|
||||
<svg class="icon" viewBox="0 0 1451 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36">
|
||||
<path d="M664.781909 681.472759 0 97.881301C0 3.997201 71.046997 0 71.046997 0L474.477909 0 961.649408 0 1361.641813 0C1361.641813 0 1432.688811 3.997201 1432.688811 97.881301L771.345323 681.472759C771.345323 681.472759 764.482731 685.154773 753.594283 688.65053L753.594283 688.664858C741.602731 693.493018 729.424896 695.068979 718.077952 694.839748 706.731093 695.068979 694.553173 693.493018 682.561621 688.664858L682.561621 688.65053C671.644501 685.140446 664.781909 681.472759 664.781909 681.472759L664.781909 681.472759ZM718.063616 811.603883C693.779541 811.016482 658.879232 802.205449 619.10784 767.734955 542.989056 701.759633 0 212.052267 0 212.052267L0 942.809523C0 942.809523 0 1024 83.726336 1024L682.532949 1024 753.579947 1024 1348.948139 1024C1432.688811 1024 1432.688811 942.809523 1432.688811 942.809523L1432.688811 212.052267C1432.688811 212.052267 893.138176 701.759633 817.019477 767.734955 777.248 802.205449 742.347691 811.03081 718.063616 811.603883L718.063616 811.603883Z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="https://bildung.social/@minetest4kids/" rel="me noopener" class="iconfont"
|
||||
title="mastodon" target="_blank"
|
||||
>
|
||||
<svg class="icon" style="" viewBox="0 0 448 512" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://minetest4kids.net/index.xml" rel="noopener alternate" type="application/rss+xml"
|
||||
class="iconfont" title="rss" target="_blank">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="30" height="30">
|
||||
<path d="M819.157333 1024C819.157333 574.592 449.408 204.8 0 204.8V0c561.706667 0 1024 462.293333 1024 1024h-204.842667zM140.416 743.04a140.8 140.8 0 0 1 140.501333 140.586667A140.928 140.928 0 0 1 140.074667 1024C62.72 1024 0 961.109333 0 883.626667s62.933333-140.544 140.416-140.586667zM678.784 1024h-199.04c0-263.210667-216.533333-479.786667-479.744-479.786667V345.173333c372.352 0 678.784 306.517333 678.784 678.826667z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<span class="power-by">
|
||||
Powered by <a class="hexo-link" href="https://gohugo.io">Hugo</a>
|
||||
</span>
|
||||
<span class="division">|</span>
|
||||
<span class="theme-info">
|
||||
Theme - <a class="theme-link" href="https://github.com/xianmin/hugo-theme-jane">Jane</a>
|
||||
</span>
|
||||
|
||||
<span class="copyright-year">
|
||||
©
|
||||
2021
|
||||
<span class="heart">
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1025 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="14" height="14">
|
||||
<path d="M1000.1 247.9c-15.5-37.3-37.6-70.6-65.7-98.9-54.4-54.8-125.8-85-201-85-85.7 0-166 39-221.4 107.4C456.6 103 376.3 64 290.6 64c-75.1 0-146.5 30.4-201.1 85.6-28.2 28.5-50.4 61.9-65.8 99.3-16 38.8-24 79.9-23.6 122.2 0.7 91.7 40.1 177.2 108.1 234.8 3.1 2.6 6 5.1 8.9 7.8 14.9 13.4 58 52.8 112.6 102.7 93.5 85.5 209.9 191.9 257.5 234.2 7 6.1 15.8 9.5 24.9 9.5 9.2 0 18.1-3.4 24.9-9.5 34.5-30.7 105.8-95.9 181.4-165 74.2-67.8 150.9-138 195.8-178.2 69.5-57.9 109.6-144.4 109.9-237.3 0.1-42.5-8-83.6-24-122.2z"
|
||||
fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</span><span class="author">
|
||||
copyright ist aberglaube
|
||||
|
||||
</span></span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div class="back-to-top" id="back-to-top">
|
||||
<i class="iconfont">
|
||||
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="35" height="35">
|
||||
<path d="M510.866688 227.694839 95.449397 629.218702l235.761562 0-2.057869 328.796468 362.40389 0L691.55698 628.188232l241.942331-3.089361L510.866688 227.694839zM63.840492 63.962777l894.052392 0 0 131.813095L63.840492 195.775872 63.840492 63.962777 63.840492 63.962777zM63.840492 63.962777"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/slideout/slideout-1.0.1.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/main.638251f4230630f0335d8c6748e53a96f94b72670920b60c09a56fdc8bece214.js" integrity="sha256-Y4JR9CMGMPAzXYxnSOU6lvlLcmcJILYMCaVv3Ivs4hQ=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/load-photoswipe.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe-ui-default.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,555 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de-DE" itemscope itemtype="http://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>My Second Post - TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
|
||||
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
|
||||
|
||||
<meta name="MobileOptimized" content="width"/>
|
||||
<meta name="HandheldFriendly" content="true"/>
|
||||
|
||||
|
||||
<meta name="applicable-device" content="pc,mobile">
|
||||
|
||||
<meta name="theme-color" content="#f8f5ec" />
|
||||
<meta name="msapplication-navbutton-color" content="#f8f5ec">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">
|
||||
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<meta name="author" content="minetest4kids Team" />
|
||||
<meta name="description" content="mein zweiter post Leider gibt es immer noch einige kleinere Fehler. Ich verstehe noch nicht so recht wie ich statische Seiten anlegen kann. Auch mögliche Icons (Mastodon, Codeberg) sowie ein Menü fehlen noch gänzlich." />
|
||||
|
||||
<meta name="keywords" content="minetest, dresden, projekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="generator" content="Hugo 0.80.0" />
|
||||
|
||||
|
||||
<link rel="canonical" href="https://minetest4kids.net/post/my-second-post/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/sass/jane.min.f1e506a781bf25d33ffc18aa6b4e972a965c58049d27d4f92b7db2e9bf28e4bf.css" integrity="sha256-8eUGp4G/JdM//Biqa06XKpZcWASdJ9T5K32y6b8o5L8=" media="screen" crossorigin="anonymous">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="My Second Post" />
|
||||
<meta property="og:description" content="mein zweiter post Leider gibt es immer noch einige kleinere Fehler. Ich verstehe noch nicht so recht wie ich statische Seiten anlegen kann. Auch mögliche Icons (Mastodon, Codeberg) sowie ein Menü fehlen noch gänzlich." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://minetest4kids.net/post/my-second-post/" />
|
||||
<meta property="article:published_time" content="2020-12-23T05:22:53+01:00" />
|
||||
<meta property="article:modified_time" content="2020-12-23T05:22:53+01:00" />
|
||||
<meta itemprop="name" content="My Second Post">
|
||||
<meta itemprop="description" content="mein zweiter post Leider gibt es immer noch einige kleinere Fehler. Ich verstehe noch nicht so recht wie ich statische Seiten anlegen kann. Auch mögliche Icons (Mastodon, Codeberg) sowie ein Menü fehlen noch gänzlich.">
|
||||
<meta itemprop="datePublished" content="2020-12-23T05:22:53+01:00" />
|
||||
<meta itemprop="dateModified" content="2020-12-23T05:22:53+01:00" />
|
||||
<meta itemprop="wordCount" content="34">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="keywords" content="" />
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="My Second Post"/>
|
||||
<meta name="twitter:description" content="mein zweiter post Leider gibt es immer noch einige kleinere Fehler. Ich verstehe noch nicht so recht wie ich statische Seiten anlegen kann. Auch mögliche Icons (Mastodon, Codeberg) sowie ein Menü fehlen noch gänzlich."/>
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="mobile-navbar" class="mobile-navbar">
|
||||
<div class="mobile-header-logo">
|
||||
<a href="/" class="logo">TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</a>
|
||||
</div>
|
||||
<div class="mobile-navbar-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<nav id="mobile-menu" class="mobile-menu slideout-menu">
|
||||
<ul class="mobile-menu-list">
|
||||
<li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/lib/photoswipe/photoswipe.min.css" />
|
||||
<link rel="stylesheet" href="/lib/photoswipe/default-skin/default-skin.min.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
|
||||
<div class="pswp__bg"></div>
|
||||
|
||||
<div class="pswp__scroll-wrap">
|
||||
|
||||
<div class="pswp__container">
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
</div>
|
||||
|
||||
<div class="pswp__ui pswp__ui--hidden">
|
||||
<div class="pswp__top-bar">
|
||||
|
||||
<div class="pswp__counter"></div>
|
||||
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
||||
<button class="pswp__button pswp__button--share" title="Share"></button>
|
||||
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
||||
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
||||
|
||||
|
||||
<div class="pswp__preloader">
|
||||
<div class="pswp__preloader__icn">
|
||||
<div class="pswp__preloader__cut">
|
||||
<div class="pswp__preloader__donut"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||||
<div class="pswp__share-tooltip"></div>
|
||||
</div>
|
||||
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
||||
</button>
|
||||
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
||||
</button>
|
||||
<div class="pswp__caption">
|
||||
<div class="pswp__caption__center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header" class="header container">
|
||||
<div class="logo-wrapper">
|
||||
<a href="/" class="logo">
|
||||
|
||||
TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="site-navbar">
|
||||
<ul id="menu" class="menu">
|
||||
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<div id="mobile-panel">
|
||||
<main id="main" class="main bg-llight">
|
||||
<div class="content-wrapper">
|
||||
<div id="content" class="content container">
|
||||
<article class="post bg-white">
|
||||
|
||||
<header class="post-header">
|
||||
<h1 class="post-title">My Second Post</h1>
|
||||
|
||||
<div class="post-meta">
|
||||
<time datetime="2020-12-23" class="post-time">
|
||||
2020-12-23
|
||||
</time>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<div class="post-toc" id="post-toc">
|
||||
<h2 class="post-toc-title">Table of Contents</h2>
|
||||
<div class="post-toc-content">
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#mein-zweiter-post">mein zweiter post</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="post-content">
|
||||
<h2 id="mein-zweiter-post">mein zweiter post</h2>
|
||||
<p>Leider gibt es immer noch einige kleinere Fehler. Ich verstehe noch nicht so recht wie ich statische Seiten anlegen kann. Auch mögliche Icons (Mastodon, Codeberg) sowie ein Menü fehlen noch gänzlich.</p>
|
||||
<!-- raw HTML omitted -->
|
||||
<!-- raw HTML omitted -->
|
||||
<!-- raw HTML omitted -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="post-copyright">
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">Author</span>
|
||||
<span class="item-content">minetest4kids Team</span>
|
||||
</p>
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">LastMod</span>
|
||||
<span class="item-content">
|
||||
2020-12-23
|
||||
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">License</span>
|
||||
<span class="item-content"><a rel="license noopener" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank">CC BY-NC-ND 4.0</a></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<footer class="post-footer">
|
||||
|
||||
|
||||
|
||||
<nav class="post-nav">
|
||||
|
||||
|
||||
<a class="next" href="/post/my-first-post/">
|
||||
<span class="next-text nav-default">My First Post</span>
|
||||
<span class="prev-text nav-mobile">Next</span>
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="18" height="18">
|
||||
<path d="M332.091514 74.487481l-75.369571 89.491197c-10.963703 12.998035-10.285251 32.864502 1.499144 44.378743l286.278095 300.375162L266.565125 819.058374c-11.338233 12.190647-11.035334 32.285311 0.638543 44.850487l80.46666 86.564541c11.680017 12.583596 30.356378 12.893658 41.662889 0.716314l377.434212-421.426145c11.332093-12.183484 11.041474-32.266891-0.657986-44.844348l-80.46666-86.564541c-1.772366-1.910513-3.706415-3.533476-5.750981-4.877077L373.270379 71.774697C361.493148 60.273758 343.054193 61.470003 332.091514 74.487481z"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</a>
|
||||
</nav>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer">
|
||||
<div class="icon-links">
|
||||
|
||||
|
||||
<a href="mailto:kontakt@minetest4kids,net" rel="me noopener" class="iconfont"
|
||||
title="email" >
|
||||
<svg class="icon" viewBox="0 0 1451 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36">
|
||||
<path d="M664.781909 681.472759 0 97.881301C0 3.997201 71.046997 0 71.046997 0L474.477909 0 961.649408 0 1361.641813 0C1361.641813 0 1432.688811 3.997201 1432.688811 97.881301L771.345323 681.472759C771.345323 681.472759 764.482731 685.154773 753.594283 688.65053L753.594283 688.664858C741.602731 693.493018 729.424896 695.068979 718.077952 694.839748 706.731093 695.068979 694.553173 693.493018 682.561621 688.664858L682.561621 688.65053C671.644501 685.140446 664.781909 681.472759 664.781909 681.472759L664.781909 681.472759ZM718.063616 811.603883C693.779541 811.016482 658.879232 802.205449 619.10784 767.734955 542.989056 701.759633 0 212.052267 0 212.052267L0 942.809523C0 942.809523 0 1024 83.726336 1024L682.532949 1024 753.579947 1024 1348.948139 1024C1432.688811 1024 1432.688811 942.809523 1432.688811 942.809523L1432.688811 212.052267C1432.688811 212.052267 893.138176 701.759633 817.019477 767.734955 777.248 802.205449 742.347691 811.03081 718.063616 811.603883L718.063616 811.603883Z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="https://bildung.social/@minetest4kids/" rel="me noopener" class="iconfont"
|
||||
title="mastodon" target="_blank"
|
||||
>
|
||||
<svg class="icon" style="" viewBox="0 0 448 512" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://minetest4kids.net/index.xml" rel="noopener alternate" type="application/rss+xml"
|
||||
class="iconfont" title="rss" target="_blank">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="30" height="30">
|
||||
<path d="M819.157333 1024C819.157333 574.592 449.408 204.8 0 204.8V0c561.706667 0 1024 462.293333 1024 1024h-204.842667zM140.416 743.04a140.8 140.8 0 0 1 140.501333 140.586667A140.928 140.928 0 0 1 140.074667 1024C62.72 1024 0 961.109333 0 883.626667s62.933333-140.544 140.416-140.586667zM678.784 1024h-199.04c0-263.210667-216.533333-479.786667-479.744-479.786667V345.173333c372.352 0 678.784 306.517333 678.784 678.826667z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<span class="power-by">
|
||||
Powered by <a class="hexo-link" href="https://gohugo.io">Hugo</a>
|
||||
</span>
|
||||
<span class="division">|</span>
|
||||
<span class="theme-info">
|
||||
Theme - <a class="theme-link" href="https://github.com/xianmin/hugo-theme-jane">Jane</a>
|
||||
</span>
|
||||
|
||||
<span class="copyright-year">
|
||||
©
|
||||
2021
|
||||
<span class="heart">
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1025 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="14" height="14">
|
||||
<path d="M1000.1 247.9c-15.5-37.3-37.6-70.6-65.7-98.9-54.4-54.8-125.8-85-201-85-85.7 0-166 39-221.4 107.4C456.6 103 376.3 64 290.6 64c-75.1 0-146.5 30.4-201.1 85.6-28.2 28.5-50.4 61.9-65.8 99.3-16 38.8-24 79.9-23.6 122.2 0.7 91.7 40.1 177.2 108.1 234.8 3.1 2.6 6 5.1 8.9 7.8 14.9 13.4 58 52.8 112.6 102.7 93.5 85.5 209.9 191.9 257.5 234.2 7 6.1 15.8 9.5 24.9 9.5 9.2 0 18.1-3.4 24.9-9.5 34.5-30.7 105.8-95.9 181.4-165 74.2-67.8 150.9-138 195.8-178.2 69.5-57.9 109.6-144.4 109.9-237.3 0.1-42.5-8-83.6-24-122.2z"
|
||||
fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</span><span class="author">
|
||||
copyright ist aberglaube
|
||||
|
||||
</span></span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div class="back-to-top" id="back-to-top">
|
||||
<i class="iconfont">
|
||||
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="35" height="35">
|
||||
<path d="M510.866688 227.694839 95.449397 629.218702l235.761562 0-2.057869 328.796468 362.40389 0L691.55698 628.188232l241.942331-3.089361L510.866688 227.694839zM63.840492 63.962777l894.052392 0 0 131.813095L63.840492 195.775872 63.840492 63.962777 63.840492 63.962777zM63.840492 63.962777"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/slideout/slideout-1.0.1.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/main.638251f4230630f0335d8c6748e53a96f94b72670920b60c09a56fdc8bece214.js" integrity="sha256-Y4JR9CMGMPAzXYxnSOU6lvlLcmcJILYMCaVv3Ivs4hQ=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/load-photoswipe.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe-ui-default.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://minetest4kids.net/post/</title><link rel="canonical" href="https://minetest4kids.net/post/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://minetest4kids.net/post/" /></head></html>
|
||||
|
|
@ -0,0 +1,94 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
|
||||
|
||||
<title>
|
||||
|
||||
Posts - My New Hugo Site
|
||||
|
||||
</title>
|
||||
|
||||
<meta name="HandheldFriendly" content="True" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="alternate" type="application/rss+xml" href="http://example.org/posts/index.xml">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/normalize.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/icons.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/screen.css" />
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Bree+Serif|Lato:100,100i,300,300i,400,400i,700,700i|Source+Code+Pro:300,400,500,700" rel="stylesheet">
|
||||
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/bigfoot/dist/bigfoot.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/assets/bigfoot/dist/bigfoot-number.css" />
|
||||
<script type="text/javascript">
|
||||
$.bigfoot();
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body class="tag-template">
|
||||
<header class="main-header">
|
||||
<div class="main-header-content">
|
||||
<h1 class="blog-title">
|
||||
<a href="/">
|
||||
|
||||
My New Hugo Site
|
||||
|
||||
</a>
|
||||
</h1>
|
||||
<h2 class="blog-description"></h2>
|
||||
</div>
|
||||
|
||||
<div class="nav">
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<main class="content" role="main">
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="extra-pagination">
|
||||
|
||||
|
||||
<nav class="pagination" role="navigation">
|
||||
|
||||
<span class="page-number">Page 1 of 0</span>
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<nav class="pagination" role="navigation">
|
||||
|
||||
<span class="page-number">Page 1 of 0</span>
|
||||
|
||||
</nav>
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<section class="rss"><a class="subscribe-button icon-feed" href="/index.xml"></a></section>
|
||||
|
||||
|
||||
<section class="copyright">© 2020 My New Hugo Site</section>
|
||||
<section class="poweredby"><a href="https://github.com/nirocfz/arabica">Arabica</a> theme by Sean Lunsford. Published with <a href="https://gohugo.io">Hugo</a>.</section>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Posts on My New Hugo Site</title>
|
||||
<link>http://example.org/posts/</link>
|
||||
<description>Recent content in Posts on My New Hugo Site</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Wed, 23 Dec 2020 01:54:52 +0100</lastBuildDate><atom:link href="http://example.org/posts/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>My First Post</title>
|
||||
<link>http://example.org/posts/my-first-post/</link>
|
||||
<pubDate>Wed, 23 Dec 2020 01:54:52 +0100</pubDate>
|
||||
|
||||
<guid>http://example.org/posts/my-first-post/</guid>
|
||||
<description>This is my First Post
|
||||
Test nach der Überschrift 1. Grades</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
|
||||
|
||||
<title>
|
||||
|
||||
My First Post - My New Hugo Site
|
||||
|
||||
</title>
|
||||
|
||||
<meta name="HandheldFriendly" content="True" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/normalize.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/icons.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/screen.css" />
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Bree+Serif|Lato:100,100i,300,300i,400,400i,700,700i|Source+Code+Pro:300,400,500,700" rel="stylesheet">
|
||||
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/bigfoot/dist/bigfoot.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/assets/bigfoot/dist/bigfoot-number.css" />
|
||||
<script type="text/javascript">
|
||||
$.bigfoot();
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body class="page-template">
|
||||
<header class="main-header">
|
||||
<div class="main-header-content">
|
||||
<h1 class="blog-title">
|
||||
<a href="/">
|
||||
|
||||
My New Hugo Site
|
||||
|
||||
</a>
|
||||
</h1>
|
||||
<h2 class="blog-description"></h2>
|
||||
</div>
|
||||
|
||||
<div class="nav">
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main class="content" role="main">
|
||||
<article class="post page">
|
||||
<header class="post-header">
|
||||
<h2 class="post-title">My First Post</h2>
|
||||
</header>
|
||||
<section class="post-content">
|
||||
<p>This is my First Post</p>
|
||||
<h1 id="test">Test</h1>
|
||||
<p>nach der Überschrift 1. Grades</p>
|
||||
|
||||
</section>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<section class="rss"><a class="subscribe-button icon-feed" href="/index.xml"></a></section>
|
||||
|
||||
|
||||
<section class="copyright">© 2020 My New Hugo Site</section>
|
||||
<section class="poweredby"><a href="https://github.com/nirocfz/arabica">Arabica</a> theme by Sean Lunsford. Published with <a href="https://gohugo.io">Hugo</a>.</section>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>http://example.org/posts/</title><link rel="canonical" href="http://example.org/posts/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=http://example.org/posts/" /></head></html>
|
||||
|
|
@ -0,0 +1,468 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" itemscope itemtype="http://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>Archive - minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
|
||||
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
|
||||
|
||||
<meta name="MobileOptimized" content="width"/>
|
||||
<meta name="HandheldFriendly" content="true"/>
|
||||
|
||||
|
||||
<meta name="applicable-device" content="pc,mobile">
|
||||
|
||||
<meta name="theme-color" content="#f8f5ec" />
|
||||
<meta name="msapplication-navbutton-color" content="#f8f5ec">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">
|
||||
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<meta name="author" content="minetest4kids Team" />
|
||||
<meta name="description" content="minetest4kids Projektseite" />
|
||||
<meta name="keywords" content="minetest, dresden, projekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="generator" content="Hugo 0.80.0" />
|
||||
|
||||
|
||||
<link rel="canonical" href="https://minetest5kids.net/projects/" />
|
||||
<link href="/projects/index.xml" rel="alternate" type="application/rss+xml" title="minetest4kids.net ein Kinder- und Jugendprojekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/sass/jane.min.f1e506a781bf25d33ffc18aa6b4e972a965c58049d27d4f92b7db2e9bf28e4bf.css" integrity="sha256-8eUGp4G/JdM//Biqa06XKpZcWASdJ9T5K32y6b8o5L8=" media="screen" crossorigin="anonymous">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Projects" />
|
||||
<meta property="og:description" content="minetest4kids Projektseite" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://minetest5kids.net/projects/" />
|
||||
<meta property="og:updated_time" content="2020-12-29T01:11:18+01:00" />
|
||||
<meta itemprop="name" content="Projects">
|
||||
<meta itemprop="description" content="minetest4kids Projektseite">
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Projects"/>
|
||||
<meta name="twitter:description" content="minetest4kids Projektseite"/>
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="mobile-navbar" class="mobile-navbar">
|
||||
<div class="mobile-header-logo">
|
||||
<a href="/" class="logo">minetest4kids.net ein Kinder- und Jugendprojekt</a>
|
||||
</div>
|
||||
<div class="mobile-navbar-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<nav id="mobile-menu" class="mobile-menu slideout-menu">
|
||||
<ul class="mobile-menu-list">
|
||||
<li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/">Blog</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/lib/photoswipe/photoswipe.min.css" />
|
||||
<link rel="stylesheet" href="/lib/photoswipe/default-skin/default-skin.min.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
|
||||
<div class="pswp__bg"></div>
|
||||
|
||||
<div class="pswp__scroll-wrap">
|
||||
|
||||
<div class="pswp__container">
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
</div>
|
||||
|
||||
<div class="pswp__ui pswp__ui--hidden">
|
||||
<div class="pswp__top-bar">
|
||||
|
||||
<div class="pswp__counter"></div>
|
||||
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
||||
<button class="pswp__button pswp__button--share" title="Share"></button>
|
||||
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
||||
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
||||
|
||||
|
||||
<div class="pswp__preloader">
|
||||
<div class="pswp__preloader__icn">
|
||||
<div class="pswp__preloader__cut">
|
||||
<div class="pswp__preloader__donut"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||||
<div class="pswp__share-tooltip"></div>
|
||||
</div>
|
||||
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
||||
</button>
|
||||
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
||||
</button>
|
||||
<div class="pswp__caption">
|
||||
<div class="pswp__caption__center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header" class="header container">
|
||||
<div class="logo-wrapper">
|
||||
<a href="/" class="logo">
|
||||
|
||||
minetest4kids.net ein Kinder- und Jugendprojekt
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="site-navbar">
|
||||
<ul id="menu" class="menu">
|
||||
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<div id="mobile-panel">
|
||||
<main id="main" class="main bg-llight">
|
||||
<div class="content-wrapper">
|
||||
<div id="content" class="content container">
|
||||
|
||||
<section id="archive" class="archive">
|
||||
<div class="archive-title">
|
||||
<span class="archive-post-counter">
|
||||
1 posts In Total
|
||||
</span>
|
||||
</div></section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer">
|
||||
<div class="icon-links">
|
||||
|
||||
|
||||
<a href="mailto:kontakt@minetest4kids,net" rel="me noopener" class="iconfont"
|
||||
title="email" >
|
||||
<svg class="icon" viewBox="0 0 1451 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36">
|
||||
<path d="M664.781909 681.472759 0 97.881301C0 3.997201 71.046997 0 71.046997 0L474.477909 0 961.649408 0 1361.641813 0C1361.641813 0 1432.688811 3.997201 1432.688811 97.881301L771.345323 681.472759C771.345323 681.472759 764.482731 685.154773 753.594283 688.65053L753.594283 688.664858C741.602731 693.493018 729.424896 695.068979 718.077952 694.839748 706.731093 695.068979 694.553173 693.493018 682.561621 688.664858L682.561621 688.65053C671.644501 685.140446 664.781909 681.472759 664.781909 681.472759L664.781909 681.472759ZM718.063616 811.603883C693.779541 811.016482 658.879232 802.205449 619.10784 767.734955 542.989056 701.759633 0 212.052267 0 212.052267L0 942.809523C0 942.809523 0 1024 83.726336 1024L682.532949 1024 753.579947 1024 1348.948139 1024C1432.688811 1024 1432.688811 942.809523 1432.688811 942.809523L1432.688811 212.052267C1432.688811 212.052267 893.138176 701.759633 817.019477 767.734955 777.248 802.205449 742.347691 811.03081 718.063616 811.603883L718.063616 811.603883Z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="https://bildung.social/@minetest4kids/" rel="me noopener" class="iconfont"
|
||||
title="mastodon" target="_blank"
|
||||
>
|
||||
<svg class="icon" style="" viewBox="0 0 448 512" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://minetest5kids.net/index.xml" rel="noopener alternate" type="application/rss+xml"
|
||||
class="iconfont" title="rss" target="_blank">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="30" height="30">
|
||||
<path d="M819.157333 1024C819.157333 574.592 449.408 204.8 0 204.8V0c561.706667 0 1024 462.293333 1024 1024h-204.842667zM140.416 743.04a140.8 140.8 0 0 1 140.501333 140.586667A140.928 140.928 0 0 1 140.074667 1024C62.72 1024 0 961.109333 0 883.626667s62.933333-140.544 140.416-140.586667zM678.784 1024h-199.04c0-263.210667-216.533333-479.786667-479.744-479.786667V345.173333c372.352 0 678.784 306.517333 678.784 678.826667z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<span class="power-by">
|
||||
Powered by <a class="hexo-link" href="https://gohugo.io">Hugo</a>
|
||||
</span>
|
||||
<span class="division">|</span>
|
||||
<span class="theme-info">
|
||||
Theme - <a class="theme-link" href="https://github.com/xianmin/hugo-theme-jane">Jane</a>
|
||||
</span>
|
||||
|
||||
<span class="copyright-year">
|
||||
©
|
||||
|
||||
2020 -
|
||||
2021
|
||||
<span class="heart">
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1025 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="14" height="14">
|
||||
<path d="M1000.1 247.9c-15.5-37.3-37.6-70.6-65.7-98.9-54.4-54.8-125.8-85-201-85-85.7 0-166 39-221.4 107.4C456.6 103 376.3 64 290.6 64c-75.1 0-146.5 30.4-201.1 85.6-28.2 28.5-50.4 61.9-65.8 99.3-16 38.8-24 79.9-23.6 122.2 0.7 91.7 40.1 177.2 108.1 234.8 3.1 2.6 6 5.1 8.9 7.8 14.9 13.4 58 52.8 112.6 102.7 93.5 85.5 209.9 191.9 257.5 234.2 7 6.1 15.8 9.5 24.9 9.5 9.2 0 18.1-3.4 24.9-9.5 34.5-30.7 105.8-95.9 181.4-165 74.2-67.8 150.9-138 195.8-178.2 69.5-57.9 109.6-144.4 109.9-237.3 0.1-42.5-8-83.6-24-122.2z"
|
||||
fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</span><span class="author">
|
||||
copyright ist aberglaube
|
||||
|
||||
</span></span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div class="back-to-top" id="back-to-top">
|
||||
<i class="iconfont">
|
||||
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="35" height="35">
|
||||
<path d="M510.866688 227.694839 95.449397 629.218702l235.761562 0-2.057869 328.796468 362.40389 0L691.55698 628.188232l241.942331-3.089361L510.866688 227.694839zM63.840492 63.962777l894.052392 0 0 131.813095L63.840492 195.775872 63.840492 63.962777 63.840492 63.962777zM63.840492 63.962777"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/slideout/slideout-1.0.1.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/main.638251f4230630f0335d8c6748e53a96f94b72670920b60c09a56fdc8bece214.js" integrity="sha256-Y4JR9CMGMPAzXYxnSOU6lvlLcmcJILYMCaVv3Ivs4hQ=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/load-photoswipe.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe-ui-default.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Projects on minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
<link>https://minetest5kids.net/projects/</link>
|
||||
<description>Recent content in Projects on minetest4kids.net ein Kinder- und Jugendprojekt</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de</language>
|
||||
<copyright>copyright ist aberglaube</copyright>
|
||||
<lastBuildDate>Tue, 29 Dec 2020 01:11:18 +0100</lastBuildDate><atom:link href="https://minetest5kids.net/projects/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Minetest4kids</title>
|
||||
<link>https://minetest5kids.net/projects/minetest4kids/</link>
|
||||
<pubDate>Tue, 29 Dec 2020 01:11:18 +0100</pubDate>
|
||||
|
||||
<guid>https://minetest5kids.net/projects/minetest4kids/</guid>
|
||||
<description>minetest4kids Projektbeschreibung</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,524 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" itemscope itemtype="http://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>Minetest4kids - minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
|
||||
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
|
||||
|
||||
<meta name="MobileOptimized" content="width"/>
|
||||
<meta name="HandheldFriendly" content="true"/>
|
||||
|
||||
|
||||
<meta name="applicable-device" content="pc,mobile">
|
||||
|
||||
<meta name="theme-color" content="#f8f5ec" />
|
||||
<meta name="msapplication-navbutton-color" content="#f8f5ec">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">
|
||||
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<meta name="author" content="minetest4kids Team" />
|
||||
<meta name="description" content="minetest4kids Projektbeschreibung" />
|
||||
|
||||
<meta name="keywords" content="minetest, dresden, projekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="generator" content="Hugo 0.80.0" />
|
||||
|
||||
|
||||
<link rel="canonical" href="https://minetest5kids.net/projects/minetest4kids/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/sass/jane.min.f1e506a781bf25d33ffc18aa6b4e972a965c58049d27d4f92b7db2e9bf28e4bf.css" integrity="sha256-8eUGp4G/JdM//Biqa06XKpZcWASdJ9T5K32y6b8o5L8=" media="screen" crossorigin="anonymous">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Minetest4kids" />
|
||||
<meta property="og:description" content="minetest4kids Projektbeschreibung" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://minetest5kids.net/projects/minetest4kids/" />
|
||||
<meta property="article:published_time" content="2020-12-29T01:11:18+01:00" />
|
||||
<meta property="article:modified_time" content="2020-12-29T01:11:18+01:00" />
|
||||
<meta itemprop="name" content="Minetest4kids">
|
||||
<meta itemprop="description" content="minetest4kids Projektbeschreibung">
|
||||
<meta itemprop="datePublished" content="2020-12-29T01:11:18+01:00" />
|
||||
<meta itemprop="dateModified" content="2020-12-29T01:11:18+01:00" />
|
||||
<meta itemprop="wordCount" content="2">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="keywords" content="" />
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Minetest4kids"/>
|
||||
<meta name="twitter:description" content="minetest4kids Projektbeschreibung"/>
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="mobile-navbar" class="mobile-navbar">
|
||||
<div class="mobile-header-logo">
|
||||
<a href="/" class="logo">minetest4kids.net ein Kinder- und Jugendprojekt</a>
|
||||
</div>
|
||||
<div class="mobile-navbar-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<nav id="mobile-menu" class="mobile-menu slideout-menu">
|
||||
<ul class="mobile-menu-list">
|
||||
<li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/">Blog</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/lib/photoswipe/photoswipe.min.css" />
|
||||
<link rel="stylesheet" href="/lib/photoswipe/default-skin/default-skin.min.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
|
||||
<div class="pswp__bg"></div>
|
||||
|
||||
<div class="pswp__scroll-wrap">
|
||||
|
||||
<div class="pswp__container">
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
</div>
|
||||
|
||||
<div class="pswp__ui pswp__ui--hidden">
|
||||
<div class="pswp__top-bar">
|
||||
|
||||
<div class="pswp__counter"></div>
|
||||
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
||||
<button class="pswp__button pswp__button--share" title="Share"></button>
|
||||
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
||||
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
||||
|
||||
|
||||
<div class="pswp__preloader">
|
||||
<div class="pswp__preloader__icn">
|
||||
<div class="pswp__preloader__cut">
|
||||
<div class="pswp__preloader__donut"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||||
<div class="pswp__share-tooltip"></div>
|
||||
</div>
|
||||
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
||||
</button>
|
||||
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
||||
</button>
|
||||
<div class="pswp__caption">
|
||||
<div class="pswp__caption__center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header" class="header container">
|
||||
<div class="logo-wrapper">
|
||||
<a href="/" class="logo">
|
||||
|
||||
minetest4kids.net ein Kinder- und Jugendprojekt
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="site-navbar">
|
||||
<ul id="menu" class="menu">
|
||||
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest5kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<div id="mobile-panel">
|
||||
<main id="main" class="main bg-llight">
|
||||
<div class="content-wrapper">
|
||||
<div id="content" class="content container">
|
||||
<article class="post bg-white">
|
||||
|
||||
<header class="post-header">
|
||||
<h1 class="post-title">Minetest4kids</h1>
|
||||
|
||||
<div class="post-meta">
|
||||
<time datetime="2020-12-29" class="post-time">
|
||||
2020-12-29
|
||||
</time>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<div class="post-toc" id="post-toc">
|
||||
<h2 class="post-toc-title">Table of Contents</h2>
|
||||
<div class="post-toc-content">
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="#minetest4kids">minetest4kids</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="post-content">
|
||||
<h3 id="minetest4kids">minetest4kids</h3>
|
||||
<p>Projektbeschreibung</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="post-copyright">
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">Author</span>
|
||||
<span class="item-content">minetest4kids Team</span>
|
||||
</p>
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">LastMod</span>
|
||||
<span class="item-content">
|
||||
2020-12-29
|
||||
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="copyright-item">
|
||||
<span class="item-title">License</span>
|
||||
<span class="item-content"><a rel="license noopener" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank">CC BY-NC-ND 4.0</a></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer">
|
||||
<div class="icon-links">
|
||||
|
||||
|
||||
<a href="mailto:kontakt@minetest4kids,net" rel="me noopener" class="iconfont"
|
||||
title="email" >
|
||||
<svg class="icon" viewBox="0 0 1451 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36">
|
||||
<path d="M664.781909 681.472759 0 97.881301C0 3.997201 71.046997 0 71.046997 0L474.477909 0 961.649408 0 1361.641813 0C1361.641813 0 1432.688811 3.997201 1432.688811 97.881301L771.345323 681.472759C771.345323 681.472759 764.482731 685.154773 753.594283 688.65053L753.594283 688.664858C741.602731 693.493018 729.424896 695.068979 718.077952 694.839748 706.731093 695.068979 694.553173 693.493018 682.561621 688.664858L682.561621 688.65053C671.644501 685.140446 664.781909 681.472759 664.781909 681.472759L664.781909 681.472759ZM718.063616 811.603883C693.779541 811.016482 658.879232 802.205449 619.10784 767.734955 542.989056 701.759633 0 212.052267 0 212.052267L0 942.809523C0 942.809523 0 1024 83.726336 1024L682.532949 1024 753.579947 1024 1348.948139 1024C1432.688811 1024 1432.688811 942.809523 1432.688811 942.809523L1432.688811 212.052267C1432.688811 212.052267 893.138176 701.759633 817.019477 767.734955 777.248 802.205449 742.347691 811.03081 718.063616 811.603883L718.063616 811.603883Z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="https://bildung.social/@minetest4kids/" rel="me noopener" class="iconfont"
|
||||
title="mastodon" target="_blank"
|
||||
>
|
||||
<svg class="icon" style="" viewBox="0 0 448 512" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://minetest5kids.net/index.xml" rel="noopener alternate" type="application/rss+xml"
|
||||
class="iconfont" title="rss" target="_blank">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="30" height="30">
|
||||
<path d="M819.157333 1024C819.157333 574.592 449.408 204.8 0 204.8V0c561.706667 0 1024 462.293333 1024 1024h-204.842667zM140.416 743.04a140.8 140.8 0 0 1 140.501333 140.586667A140.928 140.928 0 0 1 140.074667 1024C62.72 1024 0 961.109333 0 883.626667s62.933333-140.544 140.416-140.586667zM678.784 1024h-199.04c0-263.210667-216.533333-479.786667-479.744-479.786667V345.173333c372.352 0 678.784 306.517333 678.784 678.826667z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<span class="power-by">
|
||||
Powered by <a class="hexo-link" href="https://gohugo.io">Hugo</a>
|
||||
</span>
|
||||
<span class="division">|</span>
|
||||
<span class="theme-info">
|
||||
Theme - <a class="theme-link" href="https://github.com/xianmin/hugo-theme-jane">Jane</a>
|
||||
</span>
|
||||
|
||||
<span class="copyright-year">
|
||||
©
|
||||
|
||||
2020 -
|
||||
2021
|
||||
<span class="heart">
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1025 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="14" height="14">
|
||||
<path d="M1000.1 247.9c-15.5-37.3-37.6-70.6-65.7-98.9-54.4-54.8-125.8-85-201-85-85.7 0-166 39-221.4 107.4C456.6 103 376.3 64 290.6 64c-75.1 0-146.5 30.4-201.1 85.6-28.2 28.5-50.4 61.9-65.8 99.3-16 38.8-24 79.9-23.6 122.2 0.7 91.7 40.1 177.2 108.1 234.8 3.1 2.6 6 5.1 8.9 7.8 14.9 13.4 58 52.8 112.6 102.7 93.5 85.5 209.9 191.9 257.5 234.2 7 6.1 15.8 9.5 24.9 9.5 9.2 0 18.1-3.4 24.9-9.5 34.5-30.7 105.8-95.9 181.4-165 74.2-67.8 150.9-138 195.8-178.2 69.5-57.9 109.6-144.4 109.9-237.3 0.1-42.5-8-83.6-24-122.2z"
|
||||
fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</span><span class="author">
|
||||
copyright ist aberglaube
|
||||
|
||||
</span></span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div class="back-to-top" id="back-to-top">
|
||||
<i class="iconfont">
|
||||
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="35" height="35">
|
||||
<path d="M510.866688 227.694839 95.449397 629.218702l235.761562 0-2.057869 328.796468 362.40389 0L691.55698 628.188232l241.942331-3.089361L510.866688 227.694839zM63.840492 63.962777l894.052392 0 0 131.813095L63.840492 195.775872 63.840492 63.962777 63.840492 63.962777zM63.840492 63.962777"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/slideout/slideout-1.0.1.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/main.638251f4230630f0335d8c6748e53a96f94b72670920b60c09a56fdc8bece214.js" integrity="sha256-Y4JR9CMGMPAzXYxnSOU6lvlLcmcJILYMCaVv3Ivs4hQ=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/load-photoswipe.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe-ui-default.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://minetest5kids.net/projects/</title><link rel="canonical" href="https://minetest5kids.net/projects/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://minetest5kids.net/projects/" /></head></html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,44 @@
|
|||
<?xml-stylesheet type="text/xsl" href="https://minetest4kids.net/sitemap.xsl"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
|
||||
<url>
|
||||
<loc>https://minetest4kids.net/post/my-second-post/</loc>
|
||||
<lastmod>2020-12-23T05:22:53+01:00</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://minetest4kids.net/post/</loc>
|
||||
<lastmod>2020-12-23T05:22:53+01:00</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://minetest4kids.net/</loc>
|
||||
<lastmod>2020-12-23T05:15:47+01:00</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://minetest4kids.net/post/my-first-post/</loc>
|
||||
<lastmod>2020-12-23T01:54:52+01:00</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://minetest4kids.net/categories/</loc>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://minetest4kids.net/tags/</loc>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
|
||||
</urlset>
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<xsl:stylesheet version="2.0"
|
||||
xmlns:html="http://www.w3.org/TR/REC-html40"
|
||||
xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
|
||||
xmlns:sitemap="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
|
||||
<xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>
|
||||
<xsl:template match="/">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>XML Sitemap</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<style type="text/css">
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
font-size: 16px;
|
||||
color: #242628;
|
||||
}
|
||||
a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
table {
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
width: 100%
|
||||
}
|
||||
th {
|
||||
text-align: left;
|
||||
padding-right: 30px;
|
||||
font-size: 11px;
|
||||
}
|
||||
thead th {
|
||||
border-bottom: 1px solid #7d878a;
|
||||
cursor: pointer;
|
||||
}
|
||||
td {
|
||||
font-size:11px;
|
||||
padding: 5px;
|
||||
}
|
||||
tr:nth-child(odd) td {
|
||||
background-color: rgba(0,0,0,0.04);
|
||||
}
|
||||
tr:hover td {
|
||||
background-color: #e2edf2;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin: 0 auto;
|
||||
padding: 2% 5%;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.desc {
|
||||
margin: 18px 3px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
.desc a {
|
||||
color: #5ba4e5;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<h1>XML Sitemap</h1>
|
||||
<p class="desc">
|
||||
This is a sitemap generated by <a href="https://gohugo.io">Hugo</a> to allow search engines to discover this blog's content.
|
||||
</p>
|
||||
<p class="desc">
|
||||
The xsl style copy from <a href="https://ghost.org">Ghost</a>.
|
||||
</p>
|
||||
<table id="sitemap" cellpadding="3">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="75%">URL (<xsl:value-of select="count(sitemap:urlset/sitemap:url)"/> total)</th>
|
||||
<th title="Priority" width="5%">Prio</th>
|
||||
<th title="Change Frequency" width="5%">Ch. Freq.</th>
|
||||
<th title="Last Modification Time" width="15%">Last Modified</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<xsl:variable name="lower" select="'abcdefghijklmnopqrstuvwxyz'"/>
|
||||
<xsl:variable name="upper" select="'ABCDEFGHIJKLMNOPQRSTUVWXYZ'"/>
|
||||
<xsl:for-each select="sitemap:urlset/sitemap:url">
|
||||
<tr>
|
||||
<td>
|
||||
<xsl:variable name="itemURL">
|
||||
<xsl:value-of select="sitemap:loc"/>
|
||||
</xsl:variable>
|
||||
<a href="{$itemURL}">
|
||||
<xsl:value-of select="sitemap:loc"/>
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<xsl:value-of select="concat(sitemap:priority*100,'%')"/>
|
||||
</td>
|
||||
<td>
|
||||
<xsl:value-of select="concat(translate(substring(sitemap:changefreq, 1, 1),concat($lower, $upper),concat($upper, $lower)),substring(sitemap:changefreq, 2))"/>
|
||||
</td>
|
||||
<td>
|
||||
<xsl:value-of select="concat(substring(sitemap:lastmod,0,11),concat(' ', substring(sitemap:lastmod,12,5)))"/>
|
||||
</td>
|
||||
</tr>
|
||||
</xsl:for-each>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</xsl:template>
|
||||
</xsl:stylesheet>
|
||||
|
|
@ -0,0 +1,446 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de-DE" itemscope itemtype="http://schema.org/WebPage">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>Tags - TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
|
||||
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
|
||||
|
||||
<meta name="MobileOptimized" content="width"/>
|
||||
<meta name="HandheldFriendly" content="true"/>
|
||||
|
||||
|
||||
<meta name="applicable-device" content="pc,mobile">
|
||||
|
||||
<meta name="theme-color" content="#f8f5ec" />
|
||||
<meta name="msapplication-navbutton-color" content="#f8f5ec">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">
|
||||
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<meta name="author" content="minetest4kids Team" />
|
||||
<meta name="description" content="minetest4kids Projektseite" />
|
||||
<meta name="keywords" content="minetest, dresden, projekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="generator" content="Hugo 0.80.0" />
|
||||
|
||||
|
||||
<link rel="canonical" href="https://minetest4kids.net/tags/" />
|
||||
<link href="/tags/index.xml" rel="alternate" type="application/rss+xml" title="TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt" />
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/sass/jane.min.f1e506a781bf25d33ffc18aa6b4e972a965c58049d27d4f92b7db2e9bf28e4bf.css" integrity="sha256-8eUGp4G/JdM//Biqa06XKpZcWASdJ9T5K32y6b8o5L8=" media="screen" crossorigin="anonymous">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:title" content="Tags" />
|
||||
<meta property="og:description" content="minetest4kids Projektseite" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://minetest4kids.net/tags/" />
|
||||
|
||||
<meta itemprop="name" content="Tags">
|
||||
<meta itemprop="description" content="minetest4kids Projektseite">
|
||||
<meta name="twitter:card" content="summary"/>
|
||||
<meta name="twitter:title" content="Tags"/>
|
||||
<meta name="twitter:description" content="minetest4kids Projektseite"/>
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="mobile-navbar" class="mobile-navbar">
|
||||
<div class="mobile-header-logo">
|
||||
<a href="/" class="logo">TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</a>
|
||||
</div>
|
||||
<div class="mobile-navbar-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<nav id="mobile-menu" class="mobile-menu slideout-menu">
|
||||
<ul class="mobile-menu-list">
|
||||
<li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
</li><li class="mobile-menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/lib/photoswipe/photoswipe.min.css" />
|
||||
<link rel="stylesheet" href="/lib/photoswipe/default-skin/default-skin.min.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
|
||||
<div class="pswp__bg"></div>
|
||||
|
||||
<div class="pswp__scroll-wrap">
|
||||
|
||||
<div class="pswp__container">
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
<div class="pswp__item"></div>
|
||||
</div>
|
||||
|
||||
<div class="pswp__ui pswp__ui--hidden">
|
||||
<div class="pswp__top-bar">
|
||||
|
||||
<div class="pswp__counter"></div>
|
||||
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
||||
<button class="pswp__button pswp__button--share" title="Share"></button>
|
||||
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
||||
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
||||
|
||||
|
||||
<div class="pswp__preloader">
|
||||
<div class="pswp__preloader__icn">
|
||||
<div class="pswp__preloader__cut">
|
||||
<div class="pswp__preloader__donut"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||||
<div class="pswp__share-tooltip"></div>
|
||||
</div>
|
||||
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
||||
</button>
|
||||
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
||||
</button>
|
||||
<div class="pswp__caption">
|
||||
<div class="pswp__caption__center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header" class="header container">
|
||||
<div class="logo-wrapper">
|
||||
<a href="/" class="logo">
|
||||
|
||||
TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<nav class="site-navbar">
|
||||
<ul id="menu" class="menu">
|
||||
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/projects">Projekte</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/about">Über uns</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/donate">Spenden</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/contact">Kontakt</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
|
||||
|
||||
|
||||
<a class="menu-item-link" href="https://minetest4kids.net/post">Archiv</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
<div id="mobile-panel">
|
||||
<main id="main" class="main bg-llight">
|
||||
<div class="content-wrapper">
|
||||
<div id="content" class="content container">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer">
|
||||
<div class="icon-links">
|
||||
|
||||
|
||||
<a href="mailto:kontakt@minetest4kids,net" rel="me noopener" class="iconfont"
|
||||
title="email" >
|
||||
<svg class="icon" viewBox="0 0 1451 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36">
|
||||
<path d="M664.781909 681.472759 0 97.881301C0 3.997201 71.046997 0 71.046997 0L474.477909 0 961.649408 0 1361.641813 0C1361.641813 0 1432.688811 3.997201 1432.688811 97.881301L771.345323 681.472759C771.345323 681.472759 764.482731 685.154773 753.594283 688.65053L753.594283 688.664858C741.602731 693.493018 729.424896 695.068979 718.077952 694.839748 706.731093 695.068979 694.553173 693.493018 682.561621 688.664858L682.561621 688.65053C671.644501 685.140446 664.781909 681.472759 664.781909 681.472759L664.781909 681.472759ZM718.063616 811.603883C693.779541 811.016482 658.879232 802.205449 619.10784 767.734955 542.989056 701.759633 0 212.052267 0 212.052267L0 942.809523C0 942.809523 0 1024 83.726336 1024L682.532949 1024 753.579947 1024 1348.948139 1024C1432.688811 1024 1432.688811 942.809523 1432.688811 942.809523L1432.688811 212.052267C1432.688811 212.052267 893.138176 701.759633 817.019477 767.734955 777.248 802.205449 742.347691 811.03081 718.063616 811.603883L718.063616 811.603883Z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
<a href="https://bildung.social/@minetest4kids/" rel="me noopener" class="iconfont"
|
||||
title="mastodon" target="_blank"
|
||||
>
|
||||
<svg class="icon" style="" viewBox="0 0 448 512" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="36" height="36"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://minetest4kids.net/index.xml" rel="noopener alternate" type="application/rss+xml"
|
||||
class="iconfont" title="rss" target="_blank">
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="30" height="30">
|
||||
<path d="M819.157333 1024C819.157333 574.592 449.408 204.8 0 204.8V0c561.706667 0 1024 462.293333 1024 1024h-204.842667zM140.416 743.04a140.8 140.8 0 0 1 140.501333 140.586667A140.928 140.928 0 0 1 140.074667 1024C62.72 1024 0 961.109333 0 883.626667s62.933333-140.544 140.416-140.586667zM678.784 1024h-199.04c0-263.210667-216.533333-479.786667-479.744-479.786667V345.173333c372.352 0 678.784 306.517333 678.784 678.826667z"></path>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="copyright">
|
||||
<span class="power-by">
|
||||
Powered by <a class="hexo-link" href="https://gohugo.io">Hugo</a>
|
||||
</span>
|
||||
<span class="division">|</span>
|
||||
<span class="theme-info">
|
||||
Theme - <a class="theme-link" href="https://github.com/xianmin/hugo-theme-jane">Jane</a>
|
||||
</span>
|
||||
|
||||
<span class="copyright-year">
|
||||
©
|
||||
2021
|
||||
<span class="heart">
|
||||
|
||||
<i class="iconfont">
|
||||
<svg class="icon" viewBox="0 0 1025 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="14" height="14">
|
||||
<path d="M1000.1 247.9c-15.5-37.3-37.6-70.6-65.7-98.9-54.4-54.8-125.8-85-201-85-85.7 0-166 39-221.4 107.4C456.6 103 376.3 64 290.6 64c-75.1 0-146.5 30.4-201.1 85.6-28.2 28.5-50.4 61.9-65.8 99.3-16 38.8-24 79.9-23.6 122.2 0.7 91.7 40.1 177.2 108.1 234.8 3.1 2.6 6 5.1 8.9 7.8 14.9 13.4 58 52.8 112.6 102.7 93.5 85.5 209.9 191.9 257.5 234.2 7 6.1 15.8 9.5 24.9 9.5 9.2 0 18.1-3.4 24.9-9.5 34.5-30.7 105.8-95.9 181.4-165 74.2-67.8 150.9-138 195.8-178.2 69.5-57.9 109.6-144.4 109.9-237.3 0.1-42.5-8-83.6-24-122.2z"
|
||||
fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</span><span class="author">
|
||||
copyright ist aberglaube
|
||||
|
||||
</span></span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<div class="back-to-top" id="back-to-top">
|
||||
<i class="iconfont">
|
||||
|
||||
<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="35" height="35">
|
||||
<path d="M510.866688 227.694839 95.449397 629.218702l235.761562 0-2.057869 328.796468 362.40389 0L691.55698 628.188232l241.942331-3.089361L510.866688 227.694839zM63.840492 63.962777l894.052392 0 0 131.813095L63.840492 195.775872 63.840492 63.962777 63.840492 63.962777zM63.840492 63.962777"></path>
|
||||
</svg>
|
||||
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/slideout/slideout-1.0.1.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/main.638251f4230630f0335d8c6748e53a96f94b72670920b60c09a56fdc8bece214.js" integrity="sha256-Y4JR9CMGMPAzXYxnSOU6lvlLcmcJILYMCaVv3Ivs4hQ=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/js/load-photoswipe.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe.min.js"></script>
|
||||
<script type="text/javascript" src="/lib/photoswipe/photoswipe-ui-default.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Tags on TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</title>
|
||||
<link>https://minetest4kids.net/tags/</link>
|
||||
<description>Recent content in Tags on TESTSEITE: minetest4kids.net ein Kinder- und Jugendprojekt</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>de-DE</language>
|
||||
<copyright>copyright ist aberglaube</copyright><atom:link href="https://minetest4kids.net/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>http://example.org/tags/</title><link rel="canonical" href="http://example.org/tags/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=http://example.org/tags/" /></head></html>
|
||||
Loading…
Reference in New Issue