Skip to content

Instantly share code, notes, and snippets.

@edwardgalligan

edwardgalligan/tog.html

Last active February 10, 2017 01:31
Show Gist options
  • Save edwardgalligan/eea902a8d480f0f09ec49cdf0da50ce7 to your computer and use it in GitHub Desktop.
Save edwardgalligan/eea902a8d480f0f09ec49cdf0da50ce7 to your computer and use it in GitHub Desktop.
Download ZIP
tog ui/ux
Raw
tog.html
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<!-- vim: et ts=4 sw=4 ff=unix ft=html: -->
<head profile="http://gmpg.org/xfn/11">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Tóg Dublin Hackerspace, DIY, Projects, Electronics, Networking</title>
<link rel="stylesheet" href="/static/css/style.css" />
<link rel="apple-touch-icon" sizes="180x180" href="/static/icons/apple-touch-icon.png"/>
<link rel="icon" type="image/png" href="/static/icons/favicon-32x32.png" sizes="32x32"/>
<link rel="icon" type="image/png" href="/static/icons/favicon-194x194.png" sizes="194x194"/>
<link rel="icon" type="image/png" href="/static/icons/android-chrome-192x192.png" sizes="192x192"/>
<link rel="icon" type="image/png" href="/static/icons/favicon-16x16.png" sizes="16x16"/>
<link rel="manifest" href="/static/icons/manifest.json"/>
<link rel="mask-icon" href="/static/icons/safari-pinned-tab.svg" color="#000"/>
<meta name="msapplication-TileColor" content="#000"/>
<meta name="msapplication-TileImage" content="/static/icons/mstile-144x144.png"/>
<meta name="theme-color" content="#000"/>
<meta name="description" content="Dublin Hackerspace" />
<meta property="og:type" content="blog" />
<meta property="og:title" content="Tóg" />
<meta property="og:description" content="Dublin Hackerspace" />
<meta property="og:url" content="https://www.tog.ie/" />
<meta property="og:site_name" content="Tóg" />
<meta name="twitter:card" content="summary" />
<style>
/**
* Variable definitions
*/
:root {
--primaryBorderHighlight: green;
--primaryTextHighlight: #006000;
--titleSans: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Gargi_1.7", sans-serif;
--titleSerif: serif;
--bodySerif: georgia, "Nimbus Roman No9 L", serif;
--body: rgba(0, 0, 0, .8);
--aside: rgba(0, 0, 0, .4);
}
/**
* Main layout wrappers
*/
.site-header, article {
width: 90%;
max-width: 960px;
margin: 1em auto;
}
/**
* General generic style rules throughout
* (be careful adding to these)
*/
img, iframe {
max-width: 100%;
}
a {
color: var(--primaryTextHighlight);
}
a:hover,
a:focus,
a:active {
color: #000;
}
h1, h2 {
margin-left: -.1em;
}
aside {
opacity: .4;
}
aside:hover {
opacity: 1;
}
/**
* Website header
*/
.site-header .site-title,
.site-header .site-subtitle {
text-align: center;
padding: .6em 0 .4em;
text-transform: uppercase;
color: #000;
border-bottom: 1px solid var(--primaryTextHighlight);
}
.site-header .site-title {
font: 300 2em/1.2 var(--titleSerif);
letter-spacing: 2px;
}
.site-header .site-subtitle {
font: 300 1.2em/1.2 var(--titleSerif);
letter-spacing: 5px;
}
.site-header nav {
font: italic 300 1em/1.2 var(--titleSerif);
text-transform: lowercase;
padding: .6em;
border-bottom: 1px solid var(--primaryTextHighlight);
}
.site-header nav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.site-header nav li {
display: inline;
}
.site-header nav li a {
display: inline-block;
text-decoration: none;
padding: .4em .6em .2em;
white-space: pre;
}
.site-header nav li a::before {
content: '/';
}
.site-header nav li a[href="/"]::before {
content: '';
}
/**
* Articles
*/
article {
font: 300 21px/1.5 var(--bodySerif);
color: var(--body);
}
article > h1 {
font: 700 40px/1 var(--titleSans);
color: var(--primaryTextHighlight);
}
article > h2 {
font: 300 27px/1.2 var(--titleSans);
color: var(--aside);
}
@media screen and (max-width: 767px) {
article {
font-size: 18px;
}
article > h1 {
font-size: 32px;
}
article > h2 {
font-size: 23px;
}
article figure {
margin: 0;
padding: 0;
}
}
</style>
</head>
<body>
<header class="site-header">
<div class="site-title">Tog</div>
<div class="site-subtitle">Dublin Hackerspace</div>
<nav>
<ul>
<li><a href="/" aria-label="Homepage" title="Homepage">~</a></li>
<li><a href="/code-of-conduct">Code of conduct</a></li>
<li><a href="/projects">Projects</a></li>
<li><a href="/gallery">Gallery</a></li>
<li><a href="/events">Events</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/location">Location</a></li>
<li><a href="/about">About</a></li>
<li><a href="/faq">F.A.Q.</a></li>
<li><a href="/membership">Membership</a></li>
<li><a href="/constitution-dac">Constition DAC</a></li>
</ul>
</nav>
</header>
<main>
<article id="post-14203">
<h1>Bridge Building Competition</h1>
<div class="entry-content">
<p>
<a href="http://www.engineersweek.ie/">Engineers Week</a> is almost here. A week long celebrate
engineering across Ireland with events for everyone. Here in Tog will are no strangers to putting
on an event or two for Engineers Week. We are happy to announce the return of our Bridge Building
Competition on Saturday 4th of March.
</p>
<p>
This is a family-friendly competition that puts teams against one another to build the strongest
bridge. Armed with just lollipop sticks and glue, teams must use their engineering skills to
complete the challenge.
</p>
<p>
Engineering theory and building materials will be provided to help you during construction. A secret
prize will be up for grabs for the winners. The competition will have a half an hour of short talks,
an hour and a half of building followed by half an hour of testing.
</p>
<p>
<strong>Participation’s under the age of 18 must have a parent or guardian.</strong>
</p>
<figure>
<iframe src="https://www.youtube-nocookie.com/embed/FhSr92xhj4M" allowfullscreen="allowfullscreen" width="560" height="315" frameborder="0"></iframe>
<figcaption><p></p></figcaption>
</figure>
<figure>
<iframe src="//eventbrite.ie/tickets-external?eid=31751283945&amp;ref=etckt" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true" width="100%" height="360" frameborder="0"></iframe>
<figcaption><p></p></figcaption>
</figure>
<p>
This event is in collaboration with
<a href="https://www.engineersireland.ie/groups/societies/young-engineers-society.aspx" rel="nofollow">Young Engineers Society</a>
and made possible with support from <a href="https://www.engineersireland.ie/home.aspx" rel="nofollow">Engineers Ireland</a>.
</p>
</div>
<aside class="entry-meta">
<p>
This was written by <span class="vcard"><span class="fn n">tdr</span></span>.
Posted on <abbr class="published" title="2017-02-08T10:45:16+0000">Wednesday, February 8, 2017, at 10:45 am</abbr>.
Filed under <a href="https://www.tog.ie/category/engineers-week/" rel="category tag">Engineers Week</a>,
<a href="https://www.tog.ie/category/workshop/" rel="category tag">Workshops/Events</a>.
Bookmark the <a href="https://www.tog.ie/2017/02/bridge-building-competition-2/" title="Permalink to Bridge Building Competition" rel="bookmark">permalink</a>.
Follow comments here with the
<a href="https://www.tog.ie/2017/02/bridge-building-competition-2/feed/" title="Comments RSS to Bridge Building Competition" rel="alternate" type="application/rss+xml">RSS feed</a>.
<a href="#respond" title="Post a comment">Post a comment</a> or leave a <a href="https://www.tog.ie/2017/02/bridge-building-competition-2/trackback/" rel="trackback" title="Trackback URL for your post">trackback</a>.
</p>
</aside>
</article>
</main>
<footer>
</footer>
<script src="/static/js/script.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment