commit
8f84595f01
GPG Key ID:
FB1A00FEE77E2C36
@ -0,0 +1,114 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Editorial by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>{{ title }}</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" sizes="any">
|
||||
<link rel="apple-touch-icon" type="image/svg+xml" href="assets/favicon.svg" sizes="any">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
|
||||
<link rel="stylesheet" href="assets/css/main.css" />
|
||||
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
|
||||
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
|
||||
<meta name="description" lang="de" content="Der /usr/space ist ein Hack-/Makerspace für das südliche Niederösterreich">
|
||||
<meta name="description" lang="en" content="/usr/space is a Hack-/Makerspace located in southern Lower Austria">
|
||||
<meta name="keywords" lang="de" content="Hackspace, Hackerspace, Makerspace, Leobersdorf, Niederösterreich, Technologie, Netzpolitik">
|
||||
<meta name="keywords" lang="en" content="Hackspace, Hackerspace, Makerspace, Leobersdorf, Lower Austria, Technology, Internet policy">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<!-- Main -->
|
||||
<div id="main">
|
||||
<div class="inner">
|
||||
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<a href="/" class="logo"><strong>/usr/space</strong> - Makerspace in Leobersdorf</a>
|
||||
<ul class="icons">
|
||||
<li><a href="https://matrix.to/#/#usrspace:matrix.usrspace.at" class="icon fa-hashtag" target="_blank"><span class="label">Matrix</span></a></li>
|
||||
<li><a href="https://t.me/usrspace" class="icon fa-telegram" target="_blank"><span class="label">Telegram</span></a></li>
|
||||
<li><a href="https://www.twitter.com/usrspace_at" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
|
||||
<li><a href="https://www.facebook.com/usrspace.at" class="icon fa-facebook" target="_blank"><span class="label">Facebook</span></a></li>
|
||||
</ul>
|
||||
</header>
|
||||
|
||||
<!-- Content -->
|
||||
{{ content }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<div id="sidebar">
|
||||
<div class="inner">
|
||||
<!-- Section -->
|
||||
<section style="border-bottom:0; margin:0; padding:0;">
|
||||
<span class="image logo">
|
||||
<img src="assets/images/1_MainLogo_2021.svg" alt="Logo">
|
||||
</span>
|
||||
</section>
|
||||
|
||||
<!-- Menu -->
|
||||
<nav id="menu">
|
||||
<header class="major">
|
||||
<h2>Menu</h2>
|
||||
</header>
|
||||
<ul>
|
||||
<li><a href="index.html">Start</a></li>
|
||||
<li><a href="stammtisch.php">Stammtisch</a></li>
|
||||
<li><a href="mitgliedschaft.html">Mitgliedschaft</a></li>
|
||||
<li><a href="https://wiki.usrspace.at">Wiki</a></li>
|
||||
<li><a href="https://gitea.usrspace.at/explore/repos">Gitea</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<!-- Section -->
|
||||
<section>
|
||||
<header class="major">
|
||||
<h2>Kontakt</h2>
|
||||
</header>
|
||||
<ul class="contact">
|
||||
<li class="fa-envelope-o"><a href="mailto:kernel@usrspace.at">kernel@usrspace.at</a></li>
|
||||
<li class="fa-twitter"><a href="https://www.twitter.com/usrspace_at" target="_blank">@usrspace_at</a></li>
|
||||
<li class="fa-facebook"><a href="https://www.facebook.com/usrspace.at" target="_blank">facebook.com/usrspace.at</a></li>
|
||||
<li class="fa-hashtag"><a href="https://matrix.to/#/#usrspace:matrix.usrspace.at" target="_blank">#usrspace:matrix.usrspace.at</a></li>
|
||||
<li class="fa-telegram"><a href="https://t.me/usrspace" target="_blank">/usr/space auf Telegram</a></li>
|
||||
<li class="fa-users"><a href="/stammtisch.php">Stammtisch</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<p class="copyright">
|
||||
Icons: <a href="https://fontawesome.com/v4.7.0/license" target="_blank">Fontawesome</a><br />
|
||||
Fonts: <a href="https://github.com/googlefonts/robotoslab/blob/master/LICENSE.txt" target="_blank">Roboto Slab</a>, <a href="https://github.com/googlefonts/opensans/blob/master/LICENSE.txt" target="_blank">Open Sans</a><br />
|
||||
Design: <a href="https://html5up.net/license" target="_blank">HTML5 UP</a>
|
||||
</p>
|
||||
<p class="copyright">
|
||||
<a href="/impressum.php">Impressum</a><br />
|
||||
<a href="/datenschutz.php">Datenschutzerklärung</a>
|
||||
</p>
|
||||
<p class="copyright">© /usr/space - <a href="https://creativecommons.org/licenses/by-sa/3.0/at/">CC BY-SA 3.0 AT</a></p>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/skel.min.js"></script>
|
||||
<script src="assets/js/util.js"></script>
|
||||
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
|
||||
<script src="assets/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
|
After Width: | Height: | Size: 88 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 108 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
After Width: | Height: | Size: 71 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 238 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 146 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 81 KiB |
|
After Width: | Height: | Size: 230 KiB |
|
After Width: | Height: | Size: 43 KiB |
File diff suppressed because one or more lines are too long
@ -0,0 +1,276 @@
|
||||
/*
|
||||
Editorial by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
skel.breakpoints({
|
||||
xlarge: '(max-width: 1680px)',
|
||||
large: '(max-width: 1280px)',
|
||||
medium: '(max-width: 980px)',
|
||||
small: '(max-width: 736px)',
|
||||
xsmall: '(max-width: 480px)',
|
||||
'xlarge-to-max': '(min-width: 1681px)',
|
||||
'small-to-xlarge': '(min-width: 481px) and (max-width: 1680px)'
|
||||
});
|
||||
|
||||
$(function() {
|
||||
|
||||
var $window = $(window),
|
||||
$head = $('head'),
|
||||
$body = $('body');
|
||||
|
||||
// Disable animations/transitions ...
|
||||
|
||||
// ... when resizing.
|
||||
var resizeTimeout;
|
||||
|
||||
$window.on('resize', function() {
|
||||
|
||||
// Mark as resizing.
|
||||
$body.addClass('is-resizing');
|
||||
|
||||
// Unmark after delay.
|
||||
clearTimeout(resizeTimeout);
|
||||
|
||||
resizeTimeout = setTimeout(function() {
|
||||
$body.removeClass('is-resizing');
|
||||
}, 100);
|
||||
|
||||
});
|
||||
|
||||
// Fix: Placeholder polyfill.
|
||||
$('form').placeholder();
|
||||
|
||||
// Prioritize "important" elements on medium.
|
||||
skel.on('+medium -medium', function() {
|
||||
$.prioritize(
|
||||
'.important\\28 medium\\29',
|
||||
skel.breakpoint('medium').active
|
||||
);
|
||||
});
|
||||
|
||||
// Fixes.
|
||||
|
||||
// Object fit images.
|
||||
if (!skel.canUse('object-fit')
|
||||
|| skel.vars.browser == 'safari')
|
||||
$('.image.object').each(function() {
|
||||
|
||||
var $this = $(this),
|
||||
$img = $this.children('img');
|
||||
|
||||
// Hide original image.
|
||||
$img.css('opacity', '0');
|
||||
|
||||
// Set background.
|
||||
$this
|
||||
.css('background-image', 'url("' + $img.attr('src') + '")')
|
||||
.css('background-size', $img.css('object-fit') ? $img.css('object-fit') : 'cover')
|
||||
.css('background-position', $img.css('object-position') ? $img.css('object-position') : 'center');
|
||||
|
||||
});
|
||||
|
||||
// Sidebar.
|
||||
var $sidebar = $('#sidebar'),
|
||||
$sidebar_inner = $sidebar.children('.inner');
|
||||
|
||||
// Inactive by default on <= large.
|
||||
skel
|
||||
.on('+large', function() {
|
||||
$sidebar.addClass('inactive');
|
||||
})
|
||||
.on('-large !large', function() {
|
||||
$sidebar.removeClass('inactive');
|
||||
});
|
||||
|
||||
// Hack: Workaround for Chrome/Android scrollbar position bug.
|
||||
if (skel.vars.os == 'android'
|
||||
&& skel.vars.browser == 'chrome')
|
||||
$('<style>#sidebar .inner::-webkit-scrollbar { display: none; }</style>')
|
||||
.appendTo($head);
|
||||
|
||||
// Toggle.
|
||||
if (skel.vars.IEVersion > 9) {
|
||||
|
||||
$('<a href="#sidebar" class="toggle">Toggle</a>')
|
||||
.appendTo($sidebar)
|
||||
.on('click', function(event) {
|
||||
|
||||
// Prevent default.
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
// Toggle.
|
||||
$sidebar.toggleClass('inactive');
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Events.
|
||||
|
||||
// Link clicks.
|
||||
$sidebar.on('click', 'a', function(event) {
|
||||
|
||||
// >large? Bail.
|
||||
if (!skel.breakpoint('large').active)
|
||||
return;
|
||||
|
||||
// Vars.
|
||||
var $a = $(this),
|
||||
href = $a.attr('href'),
|
||||
target = $a.attr('target');
|
||||
|
||||
// Prevent default.
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
// Check URL.
|
||||
if (!href || href == '#' || href == '')
|
||||
return;
|
||||
|
||||
// Hide sidebar.
|
||||
$sidebar.addClass('inactive');
|
||||
|
||||
// Redirect to href.
|
||||
setTimeout(function() {
|
||||
|
||||
if (target == '_blank')
|
||||
window.open(href);
|
||||
else
|
||||
window.location.href = href;
|
||||
|
||||
}, 500);
|
||||
|
||||
});
|
||||
|
||||
// Prevent certain events inside the panel from bubbling.
|
||||
$sidebar.on('click touchend touchstart touchmove', function(event) {
|
||||
|
||||
// >large? Bail.
|
||||
if (!skel.breakpoint('large').active)
|
||||
return;
|
||||
|
||||
// Prevent propagation.
|
||||
event.stopPropagation();
|
||||
|
||||
});
|
||||
|
||||
// Hide panel on body click/tap.
|
||||
$body.on('click touchend', function(event) {
|
||||
|
||||
// >large? Bail.
|
||||
if (!skel.breakpoint('large').active)
|
||||
return;
|
||||
|
||||
// Deactivate.
|
||||
$sidebar.addClass('inactive');
|
||||
|
||||
});
|
||||
|
||||
// Scroll lock.
|
||||
// Note: If you do anything to change the height of the sidebar's content, be sure to
|
||||
// trigger 'resize.sidebar-lock' on $window so stuff doesn't get out of sync.
|
||||
|
||||
$window.on('load.sidebar-lock', function() {
|
||||
|
||||
var sh, wh, st;
|
||||
|
||||
// Reset scroll position to 0 if it's 1.
|
||||
if ($window.scrollTop() == 1)
|
||||
$window.scrollTop(0);
|
||||
|
||||
$window
|
||||
.on('scroll.sidebar-lock', function() {
|
||||
|
||||
var x, y;
|
||||
|
||||
// IE<10? Bail.
|
||||
if (skel.vars.IEVersion < 10)
|
||||
return;
|
||||
|
||||
// <=large? Bail.
|
||||
if (skel.breakpoint('large').active) {
|
||||
|
||||
$sidebar_inner
|
||||
.data('locked', 0)
|
||||
.css('position', '')
|
||||
.css('top', '');
|
||||
|
||||
return;
|
||||
|
||||
}
|
||||
|
||||
// Calculate positions.
|
||||
x = Math.max(sh - wh, 0);
|
||||
y = Math.max(0, $window.scrollTop() - x);
|
||||
|
||||
// Lock/unlock.
|
||||
if ($sidebar_inner.data('locked') == 1) {
|
||||
|
||||
if (y <= 0)
|
||||
$sidebar_inner
|
||||
.data('locked', 0)
|
||||
.css('position', '')
|
||||
.css('top', '');
|
||||
else
|
||||
$sidebar_inner
|
||||
.css('top', -1 * x);
|
||||
|
||||
}
|
||||
else {
|
||||
|
||||
if (y > 0)
|
||||
$sidebar_inner
|
||||
.data('locked', 1)
|
||||
.css('position', 'fixed')
|
||||
.css('top', -1 * x);
|
||||
|
||||
}
|
||||
|
||||
})
|
||||
.on('resize.sidebar-lock', function() {
|
||||
|
||||
// Calculate heights.
|
||||
wh = $window.height();
|
||||
sh = $sidebar_inner.outerHeight() + 30;
|
||||
|
||||
// Trigger scroll.
|
||||
$window.trigger('scroll.sidebar-lock');
|
||||
|
||||
})
|
||||
.trigger('resize.sidebar-lock');
|
||||
|
||||
});
|
||||
|
||||
// Menu.
|
||||
var $menu = $('#menu'),
|
||||
$menu_openers = $menu.children('ul').find('.opener');
|
||||
|
||||
// Openers.
|
||||
$menu_openers.each(function() {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
$this.on('click', function(event) {
|
||||
|
||||
// Prevent default.
|
||||
event.preventDefault();
|
||||
|
||||
// Toggle.
|
||||
$menu_openers.not($this).removeClass('active');
|
||||
$this.toggleClass('active');
|
||||
|
||||
// Trigger resize (sidebar lock).
|
||||
$window.triggerHandler('resize.sidebar-lock');
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,587 @@
|
||||
(function($) {
|
||||
|
||||
/**
|
||||
* Generate an indented list of links from a nav. Meant for use with panel().
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.navList = function() {
|
||||
|
||||
var $this = $(this);
|
||||
$a = $this.find('a'),
|
||||
b = [];
|
||||
|
||||
$a.each(function() {
|
||||
|
||||
var $this = $(this),
|
||||
indent = Math.max(0, $this.parents('li').length - 1),
|
||||
href = $this.attr('href'),
|
||||
target = $this.attr('target');
|
||||
|
||||
b.push(
|
||||
'<a ' +
|
||||
'class="link depth-' + indent + '"' +
|
||||
( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') +
|
||||
( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') +
|
||||
'>' +
|
||||
'<span class="indent-' + indent + '"></span>' +
|
||||
$this.text() +
|
||||
'</a>'
|
||||
);
|
||||
|
||||
});
|
||||
|
||||
return b.join('');
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Panel-ify an element.
|
||||
* @param {object} userConfig User config.
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.panel = function(userConfig) {
|
||||
|
||||
// No elements?
|
||||
if (this.length == 0)
|
||||
return $this;
|
||||
|
||||
// Multiple elements?
|
||||
if (this.length > 1) {
|
||||
|
||||
for (var i=0; i < this.length; i++)
|
||||
$(this[i]).panel(userConfig);
|
||||
|
||||
return $this;
|
||||
|
||||
}
|
||||
|
||||
// Vars.
|
||||
var $this = $(this),
|
||||
$body = $('body'),
|
||||
$window = $(window),
|
||||
id = $this.attr('id'),
|
||||
config;
|
||||
|
||||
// Config.
|
||||
config = $.extend({
|
||||
|
||||
// Delay.
|
||||
delay: 0,
|
||||
|
||||
// Hide panel on link click.
|
||||
hideOnClick: false,
|
||||
|
||||
// Hide panel on escape keypress.
|
||||
hideOnEscape: false,
|
||||
|
||||
// Hide panel on swipe.
|
||||
hideOnSwipe: false,
|
||||
|
||||
// Reset scroll position on hide.
|
||||
resetScroll: false,
|
||||
|
||||
// Reset forms on hide.
|
||||
resetForms: false,
|
||||
|
||||
// Side of viewport the panel will appear.
|
||||
side: null,
|
||||
|
||||
// Target element for "class".
|
||||
target: $this,
|
||||
|
||||
// Class to toggle.
|
||||
visibleClass: 'visible'
|
||||
|
||||
}, userConfig);
|
||||
|
||||
// Expand "target" if it's not a jQuery object already.
|
||||
if (typeof config.target != 'jQuery')
|
||||
config.target = $(config.target);
|
||||
|
||||
// Panel.
|
||||
|
||||
// Methods.
|
||||
$this._hide = function(event) {
|
||||
|
||||
// Already hidden? Bail.
|
||||
if (!config.target.hasClass(config.visibleClass))
|
||||
return;
|
||||
|
||||
// If an event was provided, cancel it.
|
||||
if (event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
}
|
||||
|
||||
// Hide.
|
||||
config.target.removeClass(config.visibleClass);
|
||||
|
||||
// Post-hide stuff.
|
||||
window.setTimeout(function() {
|
||||
|
||||
// Reset scroll position.
|
||||
if (config.resetScroll)
|
||||
$this.scrollTop(0);
|
||||
|
||||
// Reset forms.
|
||||
if (config.resetForms)
|
||||
$this.find('form').each(function() {
|
||||
this.reset();
|
||||
});
|
||||
|
||||
}, config.delay);
|
||||
|
||||
};
|
||||
|
||||
// Vendor fixes.
|
||||
$this
|
||||
.css('-ms-overflow-style', '-ms-autohiding-scrollbar')
|
||||
.css('-webkit-overflow-scrolling', 'touch');
|
||||
|
||||
// Hide on click.
|
||||
if (config.hideOnClick) {
|
||||
|
||||
$this.find('a')
|
||||
.css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
|
||||
|
||||
$this
|
||||
.on('click', 'a', function(event) {
|
||||
|
||||
var $a = $(this),
|
||||
href = $a.attr('href'),
|
||||
target = $a.attr('target');
|
||||
|
||||
if (!href || href == '#' || href == '' || href == '#' + id)
|
||||
return;
|
||||
|
||||
// Cancel original event.
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
// Hide panel.
|
||||
$this._hide();
|
||||
|
||||
// Redirect to href.
|
||||
window.setTimeout(function() {
|
||||
|
||||
if (target == '_blank')
|
||||
window.open(href);
|
||||
else
|
||||
window.location.href = href;
|
||||
|
||||
}, config.delay + 10);
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Event: Touch stuff.
|
||||
$this.on('touchstart', function(event) {
|
||||
|
||||
$this.touchPosX = event.originalEvent.touches[0].pageX;
|
||||
$this.touchPosY = event.originalEvent.touches[0].pageY;
|
||||
|
||||
})
|
||||
|
||||
$this.on('touchmove', function(event) {
|
||||
|
||||
if ($this.touchPosX === null
|
||||
|| $this.touchPosY === null)
|
||||
return;
|
||||
|
||||
var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
|
||||
diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
|
||||
th = $this.outerHeight(),
|
||||
ts = ($this.get(0).scrollHeight - $this.scrollTop());
|
||||
|
||||
// Hide on swipe?
|
||||
if (config.hideOnSwipe) {
|
||||
|
||||
var result = false,
|
||||
boundary = 20,
|
||||
delta = 50;
|
||||
|
||||
switch (config.side) {
|
||||
|
||||
case 'left':
|
||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
|
||||
break;
|
||||
|
||||
case 'right':
|
||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
|
||||
break;
|
||||
|
||||
case 'top':
|
||||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
|
||||
break;
|
||||
|
||||
case 'bottom':
|
||||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
if (result) {
|
||||
|
||||
$this.touchPosX = null;
|
||||
$this.touchPosY = null;
|
||||
$this._hide();
|
||||
|
||||
return false;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Prevent vertical scrolling past the top or bottom.
|
||||
if (($this.scrollTop() < 0 && diffY < 0)
|
||||
|| (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// Event: Prevent certain events inside the panel from bubbling.
|
||||
$this.on('click touchend touchstart touchmove', function(event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
|
||||
// Event: Hide panel if a child anchor tag pointing to its ID is clicked.
|
||||
$this.on('click', 'a[href="#' + id + '"]', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
config.target.removeClass(config.visibleClass);
|
||||
|
||||
});
|
||||
|
||||
// Body.
|
||||
|
||||
// Event: Hide panel on body click/tap.
|
||||
$body.on('click touchend', function(event) {
|
||||
$this._hide(event);
|
||||
});
|
||||
|
||||
// Event: Toggle.
|
||||
$body.on('click', 'a[href="#' + id + '"]', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
config.target.toggleClass(config.visibleClass);
|
||||
|
||||
});
|
||||
|
||||
// Window.
|
||||
|
||||
// Event: Hide on ESC.
|
||||
if (config.hideOnEscape)
|
||||
$window.on('keydown', function(event) {
|
||||
|
||||
if (event.keyCode == 27)
|
||||
$this._hide(event);
|
||||
|
||||
});
|
||||
|
||||
return $this;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Apply "placeholder" attribute polyfill to one or more forms.
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.placeholder = function() {
|
||||
|
||||
// Browser natively supports placeholders? Bail.
|
||||
if (typeof (document.createElement('input')).placeholder != 'undefined')
|
||||
return $(this);
|
||||
|
||||
// No elements?
|
||||
if (this.length == 0)
|
||||
return $this;
|
||||
|
||||
// Multiple elements?
|
||||
if (this.length > 1) {
|
||||
|
||||
for (var i=0; i < this.length; i++)
|
||||
$(this[i]).placeholder();
|
||||
|
||||
return $this;
|
||||
|
||||
}
|
||||
|
||||
// Vars.
|
||||
var $this = $(this);
|
||||
|
||||
// Text, TextArea.
|
||||
$this.find('input[type=text],textarea')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.val() == ''
|
||||
|| i.val() == i.attr('placeholder'))
|
||||
i
|
||||
.addClass('polyfill-placeholder')
|
||||
.val(i.attr('placeholder'));
|
||||
|
||||
})
|
||||
.on('blur', function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
return;
|
||||
|
||||
if (i.val() == '')
|
||||
i
|
||||
.addClass('polyfill-placeholder')
|
||||
.val(i.attr('placeholder'));
|
||||
|
||||
})
|
||||
.on('focus', function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
return;
|
||||
|
||||
if (i.val() == i.attr('placeholder'))
|
||||
i
|
||||
.removeClass('polyfill-placeholder')
|
||||
.val('');
|
||||
|
||||
});
|
||||
|
||||
// Password.
|
||||
$this.find('input[type=password]')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this);
|
||||
var x = $(
|
||||
$('<div>')
|
||||
.append(i.clone())
|
||||
.remove()
|
||||
.html()
|
||||
.replace(/type="password"/i, 'type="text"')
|
||||
.replace(/type=password/i, 'type=text')
|
||||
);
|
||||
|
||||
if (i.attr('id') != '')
|
||||
x.attr('id', i.attr('id') + '-polyfill-field');
|
||||
|
||||
if (i.attr('name') != '')
|
||||
x.attr('name', i.attr('name') + '-polyfill-field');
|
||||
|
||||
x.addClass('polyfill-placeholder')
|
||||
.val(x.attr('placeholder')).insertAfter(i);
|
||||
|
||||
if (i.val() == '')
|
||||
i.hide();
|
||||
else
|
||||
x.hide();
|
||||
|
||||
i
|
||||
.on('blur', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
|
||||
|
||||
if (i.val() == '') {
|
||||
|
||||
i.hide();
|
||||
x.show();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
x
|
||||
.on('focus', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
|
||||
|
||||
x.hide();
|
||||
|
||||
i
|
||||
.show()
|
||||
.focus();
|
||||
|
||||
})
|
||||
.on('keypress', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
x.val('');
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// Events.
|
||||
$this
|
||||
.on('submit', function() {
|
||||
|
||||
$this.find('input[type=text],input[type=password],textarea')
|
||||
.each(function(event) {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
i.attr('name', '');
|
||||
|
||||
if (i.val() == i.attr('placeholder')) {
|
||||
|
||||
i.removeClass('polyfill-placeholder');
|
||||
i.val('');
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})
|
||||
.on('reset', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
$this.find('select')
|
||||
.val($('option:first').val());
|
||||
|
||||
$this.find('input,textarea')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this),
|
||||
x;
|
||||
|
||||
i.removeClass('polyfill-placeholder');
|
||||
|
||||
switch (this.type) {
|
||||
|
||||
case 'submit':
|
||||
case 'reset':
|
||||
break;
|
||||
|
||||
case 'password':
|
||||
i.val(i.attr('defaultValue'));
|
||||
|
||||
x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
|
||||
|
||||
if (i.val() == '') {
|
||||
i.hide();
|
||||
x.show();
|
||||
}
|
||||
else {
|
||||
i.show();
|
||||
x.hide();
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
case 'checkbox':
|
||||
case 'radio':
|
||||
i.attr('checked', i.attr('defaultValue'));
|
||||
break;
|
||||
|
||||
case 'text':
|
||||
case 'textarea':
|
||||
i.val(i.attr('defaultValue'));
|
||||
|
||||
if (i.val() == '') {
|
||||
i.addClass('polyfill-placeholder');
|
||||
i.val(i.attr('placeholder'));
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
default:
|
||||
i.val(i.attr('defaultValue'));
|
||||
break;
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
return $this;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Moves elements to/from the first positions of their respective parents.
|
||||
* @param {jQuery} $elements Elements (or selector) to move.
|
||||
* @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
|
||||
*/
|
||||
$.prioritize = function($elements, condition) {
|
||||
|
||||
var key = '__prioritize';
|
||||
|
||||
// Expand $elements if it's not already a jQuery object.
|
||||
if (typeof $elements != 'jQuery')
|
||||
$elements = $($elements);
|
||||
|
||||
// Step through elements.
|
||||
$elements.each(function() {
|
||||
|
||||
var $e = $(this), $p,
|
||||
$parent = $e.parent();
|
||||
|
||||
// No parent? Bail.
|
||||
if ($parent.length == 0)
|
||||
return;
|
||||
|
||||
// Not moved? Move it.
|
||||
if (!$e.data(key)) {
|
||||
|
||||
// Condition is false? Bail.
|
||||
if (!condition)
|
||||
return;
|
||||
|
||||
// Get placeholder (which will serve as our point of reference for when this element needs to move back).
|
||||
$p = $e.prev();
|
||||
|
||||
// Couldn't find anything? Means this element's already at the top, so bail.
|
||||
if ($p.length == 0)
|
||||
return;
|
||||
|
||||
// Move element to top of parent.
|
||||
$e.prependTo($parent);
|
||||
|
||||
// Mark element as moved.
|
||||
$e.data(key, $p);
|
||||
|
||||
}
|
||||
|
||||
// Moved already?
|
||||
else {
|
||||
|
||||
// Condition is true? Bail.
|
||||
if (condition)
|
||||
return;
|
||||
|
||||
$p = $e.data(key);
|
||||
|
||||
// Move element back to its original location (using our placeholder).
|
||||
$e.insertAfter($p);
|
||||
|
||||
// Unmark element as moved.
|
||||
$e.removeData(key);
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
@ -0,0 +1,193 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Editorial by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" sizes="any">
|
||||
<link rel="apple-touch-icon" type="image/svg+xml" href="assets/favicon.svg" sizes="any">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
|
||||
<link rel="stylesheet" href="assets/css/main.css" />
|
||||
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
|
||||
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
|
||||
<meta name="description" lang="de" content="Der /usr/space ist ein Hack-/Makerspace für das südliche Niederösterreich">
|
||||
<meta name="description" lang="en" content="/usr/space is a Hack-/Makerspace located in southern Lower Austria">
|
||||
<meta name="keywords" lang="de" content="Hackspace, Hackerspace, Makerspace, Leobersdorf, Niederösterreich, Technologie, Netzpolitik">
|
||||
<meta name="keywords" lang="en" content="Hackspace, Hackerspace, Makerspace, Leobersdorf, Lower Austria, Technology, Internet policy">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<!-- Main -->
|
||||
<div id="main">
|
||||
<div class="inner">
|
||||
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<a href="/" class="logo"><strong>/usr/space</strong> - Makerspace in Leobersdorf</a>
|
||||
<ul class="icons">
|
||||
<li><a href="https://matrix.to/#/#usrspace:matrix.usrspace.at" class="icon fa-hashtag" target="_blank"><span class="label">Matrix</span></a></li>
|
||||
<li><a href="https://t.me/usrspace" class="icon fa-telegram" target="_blank"><span class="label">Telegram</span></a></li>
|
||||
<li><a href="https://www.twitter.com/usrspace_at" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
|
||||
<li><a href="https://www.facebook.com/usrspace.at" class="icon fa-facebook" target="_blank"><span class="label">Facebook</span></a></li>
|
||||
</ul>
|
||||
</header>
|
||||
|
||||
<!-- Content -->
|
||||
<section>
|
||||
<header class="main">
|
||||
<h1>Willkommen beim /usr/space</h1>
|
||||
</header>
|
||||
<span class="image main">
|
||||
<img src="assets/images/solder-station_banner.jpg" alt="">
|
||||
<sup>© <a href="https://pixabay.com/de/l%C3%B6tstation-arduino-kit-elektronik-1548360" target="_blank">digitalskennedy</a>, CC0</sup>
|
||||
</span>
|
||||
<div class="features">
|
||||
<article>
|
||||
<span class="icon fa-rocket"></span>
|
||||
<div class="content">
|
||||
<h3>Makerspace</h3>
|
||||
<p>Der /usr/space ist ein, allen Mitgliedern und Interessierten offen stehender, Raum in dem wir die Möglichkeit schaffen wollen sich in jeglicher Art und Weise kreativ mit Technik und/oder Kunst ausseinander zu setzen. </p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<span class="icon fa-wrench"></span>
|
||||
<div class="content">
|
||||
<h3>Repair Café</h3>
|
||||
<p>Das nächste Repair Café findet am 24.09.2022 bei uns in Leobersdorf statt. Mehr Infos dazu gibts im <a href="https://usrspace.at/repaircafe">Wiki</a></p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<span class="icon fa-heartbeat"></span>
|
||||
<div class="content">
|
||||
<h3>Was wir wollen</h3>
|
||||
<ul>
|
||||
<li>Raum für Innovation und Information bieten</li>
|
||||
<li>Möglichkeit der Vernetzung von Gleichgesinnten</li>
|
||||
<li>Verstehen wie unsere Geräte funktionieren</li>
|
||||
<li>Wissen, das wir haben, vermitteln</li>
|
||||
<li>kritisch und sachlich über Probleme der digitalen Gesellschaft informieren</li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<span class="icon fa-cogs"></span>
|
||||
<div class="content">
|
||||
<h3>Was wir bieten</h3>
|
||||
<p>Unsere Mitglieder verfügen über ein breitgefächertes Fachwissen und können sicher bei vielen Fragen mit Rat und Tat zur Seite stehen. Außerdem sind wir als Verein dabei Werkzeug und technische Geräte anzuschaffen, die über die Möglichkeiten von Einzelpersonen hinausgehen.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<span class="icon fa-users"></span>
|
||||
<div class="content">
|
||||
<h3>Wer wir sind</h3>
|
||||
<p>Wir sind Menschen unterschiedlichsten Alters die ihre Begeisterung und ihr Wissen in verschiedensten Disziplinen (Mechanik, Elektronik, Informatik, Astronomie, etc.) mit anderen teilen wollen. Andererseits versuchen wir uns auch kritisch und reflektiert mit Problemen und Herausforderungen der digitalen Gesellschaft auseinander zu setzen.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<span class="icon fa-calendar"></span>
|
||||
<div class="content">
|
||||
<h3>Termine</h3>
|
||||
<p>Aktuelle Termine und Veranstaltungen findest du im <a href="https://usrspace.at/termine">Kalender</a> oder im <a href="https://wiki.usrspace.at/">Wiki</a>.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<span class="icon fa-id-card-o"></span>
|
||||
<div class="content">
|
||||
<h3>Mitgliedschaft</h3>
|
||||
<p><a href="mitgliedschaft.html">Mitglied</a> kann prinzipiell jeder werden. Wir empfehlen zumindest zu einem Stammtisch zu kommen, um die Leute und Themen erst einmal kennen zu lernen.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<header class="major">
|
||||
<h2>Unterstützer</h2>
|
||||
</header>
|
||||
<div class="box alt">
|
||||
<div class="row uniform">
|
||||
<div class="4u 6u(medium) 12u$(xsmall)"><a href="https://openmindconsulting.at/"><span class="image fit"><img src="assets/images/openmind-logo_web.jpg" alt="Open Mind Consulting GmbH" /></span></a></div>
|
||||
<div class="4u 6u$(medium) 12u$(xsmall)"><a href="http://raumform.at/"><span class="image fit"><img src="assets/images/raumformat_logo_web.jpg" alt="Raumformat GmbH" /></span></a></div>
|
||||
<div class="4u$ 6u(medium) 12u$(xsmall)"><a href="http://www.somag.at/"><span class="image fit"><img src="assets/images/muehlgasse8-final.gif" alt="SOMAG Warenhandelsges.m.b.H." /></span></a></div>
|
||||