Skip to content

Commit

Permalink
add a discord link to the menu and footer
Browse files Browse the repository at this point in the history
  • Loading branch information
graymalkin committed Sep 26, 2023
1 parent b2c2250 commit 11d0ca1
Show file tree
Hide file tree
Showing 7 changed files with 54 additions and 4 deletions.
4 changes: 4 additions & 0 deletions config.toml
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,10 @@ baseurl = "https://www.tinkersoc.org"
languageCode = "en-gb"
title = "TinkerSoc Website"
theme = "TinkerSoc"

[params]
DiscordInvite = "https://discord.gg/DV9EhCc"

[permalinks]
blog = "/:year/:month/:title/"

Expand Down
2 changes: 1 addition & 1 deletion content/joinus.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,4 +61,4 @@ Please note that the price for Associate Kent Union members is set by Kent Union

[Join Tinkersoc on Kent Union](https://kentunion.co.uk/shop?activity_id=157)

[Join the Tinkersoc Discord Server](https://discord.gg/DV9EhCc)
[Join the Tinkersoc Discord Server](https://discord.gg/DV9EhCc)
Binary file added static/images/discord-mark-white.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 3 additions & 1 deletion themes/TinkerSoc/layouts/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -32,12 +32,14 @@ <h1>TinkerSoc</h1>

<br>
<p id="belowfold"><i>TinkerSoc is Kent's Maker society, where you can learn coding, electronics, 3D-printing, amateur radio, metalwork and more!</i></p>

<b>We have moved for 2023! TinkerSoc will be in the new School of Computing Makerspace, in the Kennedy Building.</b>

<p>It's a Wednesday night, and you have decided that you want to MAKE something. But, where on campus do you go if you want to do some sewing? Perhaps you have an itch to turn something on a lathe or want just want to send a radio wave around the world?</p>

<p>TinkerSoc, Kent's Maker society, is the place to go. Whether it's 3D printing something, or cutting through materials with lasers, we have the tools and experience to help you with your project. We even run workshops, so that you can pick up new skills (no experience is required!)</p>

<p>So, if this has piqued your interest, and you want to hang out with like-minded people who enjoy making things, then pop along to The Shed (the School of Computing's Makerspace located in the Cornwallis Quad) from 6PM on a Wednesday night! TinkerSoc is free for all Kent students.</p>
<p>So, if this has piqued your interest, and you want to hang out with like-minded people who enjoy making things, then pop along from 6PM on a Wednesday night! TinkerSoc is free for all Kent students.</p>

</section>

Expand Down
3 changes: 1 addition & 2 deletions themes/TinkerSoc/layouts/partials/footer.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
<footer>
<div class="content">
<div class="social">
<!-- Aggghh Facebook https://stackoverflow.com/a/22710437 -->
<iframe id="fb_like_button" style="border:none;overflow:hidden;vertical-align:top;" src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FTinkerSoc%2F&width=146&layout=button_count&action=like&size=large&show_faces=false&share=true&height=46&appId" width="146" height="46" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
<a href="{{ .Site.Params.DiscordInvite }}" target="_blank"><img src="{{ .Site.BaseURL }}/images/discord-mark-white.png"></img> Discord</a> |
<a href="https://twitter.com/TinkerSoc" class="twitter-follow-button" data-size="large" data-dnt="true" data-show-count="true" height="46">Follow @TinkerSoc</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<p class="copy">Copyright &copy; TinkerSoc {{ now.Format "2006" }}</p>
Expand Down
4 changes: 4 additions & 0 deletions themes/TinkerSoc/layouts/partials/nav.html
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,10 @@
<li {{if (eq $currentNode.Title "Join Us") }} class="active"{{end}}><a href="{{ .Site.BaseURL }}/joinus/">Join Us</a></li>
</ul>

<ul class="discord-menu">
<li><a href="discord invite" target="_blank"><img src="{{ .Site.BaseURL }}/images/discord-mark-white.png" alt="Discord"></img><span class="discord-menu-text">Discord</span></a></li>
</ul>

<div class="hamburger" onclick="document.querySelector('nav').classList.toggle('expand')">
<svg height="32px" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
Expand Down
41 changes: 41 additions & 0 deletions themes/TinkerSoc/static/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -119,6 +119,10 @@ nav ul * svg {
text-align: center;
}

footer * .social img {
max-width: 1em;
}

footer .content {
max-width: 960px;
margin: auto;
Expand All @@ -142,6 +146,33 @@ nav ul * svg {
margin-right: 30px;
}

.discord-menu {
float: right;
}

.discord-menu li {
display: inline-block;
}

.discord-menu li a,
.discord-menu li a:active,
.discord-menu li a:visited {
display: inline-block;
margin-top: 0 0 0 30px;
padding: 0.75em 1em 0.75em 1em;
}

.discord-menu img {
float: right;
margin-left: 30px;
margin-right: 30px;
max-height: 1.5em;
}

.discord-menu-text {
display: none;
}

nav ul {
margin: 0 0 0 30px;
padding: 0;
Expand Down Expand Up @@ -217,6 +248,10 @@ nav ul * svg {
display: block;
}

nav ul li a img {
max-height: 1.5em;
}

nav ul div {
width: 100%;
margin: 0 0 -1em 0;
Expand Down Expand Up @@ -247,6 +282,12 @@ nav ul * svg {
content: "►"
}

.discord-menu-text {
display: inline;
margin-left: 1em;
vertical-align: top;
}

.hamburger {
display: block;
color: #fff;
Expand Down

0 comments on commit 11d0ca1

Please sign in to comment.