Added basic layouts, md files and styling

This commit is contained in:
Benjamin Jones 2019-11-10 12:45:15 +01:00
parent 8907eb6820
commit cab1c4a95f
27 changed files with 617 additions and 38 deletions

View File

@ -0,0 +1,3 @@
<footer class="page-footer">
</footer>

View File

@ -0,0 +1,77 @@
<!-- HEAD -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
<meta name="author" content="{{ page.author }}">
<meta name="keywords" content="{{ page.keyword | strip_html | normalize_whitespace | escape }}">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicons/apple-touch-icon.png">
<link rel="manifest" href="assets/favicons/site.webmanifest">
<link rel="mask-icon" href="assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<meta content="{{ site.title }}" property="og:site_name" />
<title>{% if page.title %}
{{ site.title | append: " - "| append: page.title }}
{% else %}
{{ site.title | escape }}
{% endif %}</title>
{% if page.title %}
<meta property="og:title" content="{{ page.title }}" />
<!-- <meta property="og:url" content="https://{{ site.baseurl }}{{ page.url }}" /> -->
<meta property="og:description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}" />
<!-- Article specific OG data -->
<!-- The OG:Type dictates a number of other tags on posts. -->
<meta property="og:type" content="article" />
<meta property="article:published_time" content="{{page.date}}" />
<!-- page.modified isn't a natural Jekyll property, but it can be added. -->
{% if page.modified %}
<meta property="article:modified_time" content="{{page.modified}}" />
{% endif %}
<!-- Here my author and publisher tags are the same (yay self-publishing) -->
<meta property="article:author" content="{{ page.author }}" />
<!-- But if your site has its own page, this is where to put it. -->
<meta property="article:publisher" content="{{ page.author }}" />
<!-- Article section isn't a required property, but it can be good to have -->
<!-- <meta property="article:section" content="{{page.vertical}}" /> -->
<!-- I use the page.categories property for OG tags. -->
{% for tag in page.categories %}
<meta property="article:tag" content="{{tag}}" />
{% endfor %}
<!-- I prefer the summary_large_image Twitter card for posts. -->
<meta name="twitter:card" content="summary_large_image" />
<!-- You, you're the creator. -->
<meta name="twitter:creator" content="@xr-switzerland" />
<!-- This property is for the article title, not site title. -->
<meta name="twitter:title" content="{{page.title}}" />
{% else %}
<!-- OG data for homepage -->
<!-- <meta property="og:image" content="/assets/img/logo-xr.png" /> -->
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="{{site.title}}" />
<!-- <meta name="twitter:image" content="{{site.baseurl}} /assets/img/logo-xr.png" /> -->
{% endif %}
<!-- Theme CSS -->
<link href="/assets/css/index.css?{{site.time | date: '%Y%m%d%H%M%S'}}" rel="stylesheet">
</head>

View File

@ -0,0 +1,3 @@
<div class="separator">
<div class="dot background-{{ include.colour }}"></div>
</div>

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 12 KiB

6
_includes/svg/logo.html Normal file
View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="355" height="217" viewBox="0 0 355 217" class="rf-logo">
<g fill="none" fill-rule="evenodd" stroke="#FFF" transform="translate(1 1)">
<path d="M57.96,-2.84217094e-14 C69.84,-2.84217094e-14 82.62,10.26 77.94,31.86 C74.88,46.62 65.88,60.66 50.04,65.7 L50.04,65.7 L57.928,95 L116.12,95 L113.78,105.8 L66.8,105.8 L58.34,145.4 L97.76,145.4 L95.6,156.2 L56.18,156.2 L43.58,215.06 L31.52,215.06 L51.587,120.804 L36.9,66.6 L23.4,66.6 L12.06,120.06 L0,120.06 L25.56,-2.84217094e-14 Z M50.04,10.8 L35.28,10.8 L25.74,55.8 L43.38,55.8 C54,55.8 61.92,48.06 65.34,31.86 C68.76,16.2 62.28,10.8 50.04,10.8 L50.04,10.8 Z"/>
<path d="M102.429295 43.368L100.264834 53.6 115.603935 53.6 114.451268 58.92 99.1175841 58.92 96.5203949 71.24 115.099935 71.24 113.947268 76.56 89.5262522 76.56 97.7313041 38.048 122.155935 38.048 121.003268 43.368 102.429295 43.368zM155.173693 65.4338786L159.328504 68.7930877 158.997255 69.1834887C154.394987 74.6075902 150.032457 77.208 144.504 77.208 134.663346 77.208 131.369165 69.3042845 133.604086 57.8048614L133.718825 57.2365207C136.489291 44.1397735 144.122287 37.4 152.352 37.4 158.017634 37.4 161.18418 40.1066001 162.980372 45.7401132L163.115169 46.1628852 157.298372 48.8146601 157.130357 48.2718419C156.028675 44.7125617 154.374635 42.936 151.416 42.936 145.487125 42.936 141.512505 49.0169855 139.737875 57.368113L139.652176 57.7874211C138.949872 61.319629 138.78849 64.5450669 139.378036 67.0032003 140.105802 70.037647 141.908812 71.672 145.08 71.672 148.552573 71.672 151.022393 70.1020039 154.379147 66.3355784L155.173693 65.4338786zM183.857464 71.24L203.515935 71.24 202.363268 76.56 176.862252 76.56 185.067304 38.048 190.913464 38.048 183.857464 71.24zM238.442051 66.336L225.877142 66.336 219.904923 77.6249494 214.573953 75.5275183 234.636518 38.048 241.576978 38.048 245.628128 75.6132148 239.539035 77.6714997 238.442051 66.336zM237.91401 61.016L236.471317 45.8990794 228.63059 61.016 237.91401 61.016zM271.322876 71.24L277.230906 43.368 271.972065 43.368 273.124732 38.048 289.555935 38.048 288.403268 43.368 283.077124 43.368 277.169094 71.24 282.499935 71.24 281.347268 76.56 264.916065 76.56 266.068732 71.24 271.322876 71.24zM314.393704 47.6138169L307.32864 76.56 301.181522 76.56 310.938881 38.048 318.072482 38.048 321.216918 53.4967496 330.923654 38.048 338.129778 38.048 331.477033 76.56 325.344513 76.56 330.597741 47.7695817 318.434798 66.7741793 314.393704 47.6138169zM108.30308 174.019323L114.291718 146.048 120.138372 146.048 120.008921 146.65267 114.537275 172.211005C113.386393 177.677694 114.477871 179.672 118.872 179.672 124.074153 179.672 126.111089 177.809714 127.327247 172.577617L127.455079 172.00333 133.011713 146.048 138.858605 146.048 138.728883 146.652851 132.752588 174.518215C131.430344 180.60054 125.95235 185.208 118.296 185.208 110.533498 185.208 106.936177 180.512097 108.30308 174.019323zM165.774536 151.368L155.404065 151.368 156.556732 146.048 182.923935 146.048 181.771268 151.368 171.620882 151.368 164.564882 184.56 158.718536 184.56 165.774536 151.368zM194.70308 174.019323L200.691718 146.048 206.538372 146.048 206.408921 146.65267 200.937275 172.211005C199.786393 177.677694 200.877871 179.672 205.272 179.672 210.474153 179.672 212.511089 177.809714 213.727247 172.577617L213.855079 172.00333 219.411713 146.048 225.258605 146.048 225.128883 146.652851 219.152588 174.518215C217.830344 180.60054 212.35235 185.208 204.696 185.208 196.933498 185.208 193.336177 180.512097 194.70308 174.019323zM246.930008 163.184L252.648 163.184C257.180105 163.184 260.565422 160.668653 261.446947 156.667946 262.151468 153.356696 260.587708 151.368 256.824 151.368L249.452525 151.368 246.930008 163.184zM257.774658 167.602698L263.716759 182.708522 258.057048 185.709884 252.005826 168.504 245.781603 168.504 242.397603 184.56 236.550252 184.56 244.755317 146.04794 245.160074 146.048 258.186098 146.049969C265.227631 146.148818 268.915437 149.900426 267.46445 156.878848 266.431673 161.600115 262.447066 166.04476 257.774658 167.602698zM293.229295 151.368L291.064834 161.6 306.403935 161.6 305.251268 166.92 289.917584 166.92 287.320395 179.24 305.899935 179.24 304.747268 184.56 280.326252 184.56 288.531304 146.048 312.955935 146.048 311.803268 151.368 293.229295 151.368zM324.019788 173.170182L329.622579 171.506853 329.611939 172.187812C329.534427 177.148587 331.307204 179.672 335.592 179.672 339.599323 179.672 342.760027 177.438689 343.52755 173.729152 344.17902 170.751001 343.022033 169.370836 339.529178 167.77806L335.321045 165.8916C329.923561 163.416638 328.05728 160.987723 329.198143 155.663802 330.469483 149.448361 336.215544 145.4 342.792 145.4 349.074362 145.4 352.408413 148.929025 352.723391 155.307339L352.743084 155.706113 346.840753 157.355294 346.828096 156.709802C346.753096 152.884784 345.200406 150.936 341.712 150.936 338.437488 150.936 335.67726 152.668281 335.071858 155.513519 334.45762 158.249672 335.272868 159.240353 338.546246 160.786146L345.867771 164.341746C349.043581 166.355674 350.29726 169.619218 349.401117 173.651752 347.886433 180.792407 342.047805 185.208 334.656 185.208 327.592124 185.208 323.694507 180.732958 324.004462 173.526514L324.019788 173.170182z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.1 KiB

View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html lang="en">
{% include common/head.html %}
<body>
{{ content }}
{% include common/footer.html %}
</body>
</html>

8
_layouts/main.html Normal file
View File

@ -0,0 +1,8 @@
---
layout: default
---
<div class="page">
{{ content }}
{% include common/footer.html %}
</div>

View File

@ -0,0 +1,8 @@
---
layout: page
---
<div class="page-content">
{% include svg/logo-multi.html %}
{{ content }}
</div>

8
_layouts/page.html Normal file
View File

@ -0,0 +1,8 @@
---
layout: default
---
<div class="page">
{{ content }}
{% include common/footer.html %}
</div>

View File

@ -1,29 +0,0 @@
---
layout: post
title: "Welcome to Jekyll!"
date: 2019-10-20 11:59:04 +0200
categories: jekyll update
---
Youll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
Jekyll requires blog post files to be named according to the following format:
`YEAR-MONTH-DAY-title.MARKUP`
Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit numbers, and `MARKUP` is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.
Jekyll also offers powerful support for code snippets:
{% highlight ruby %}
def print_hi(name)
puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.
{% endhighlight %}
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekylls GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
[jekyll-docs]: https://jekyllrb.com/docs/home
[jekyll-gh]: https://github.com/jekyll/jekyll
[jekyll-talk]: https://talk.jekyllrb.com/

27
_sass/fontface.scss Normal file
View File

@ -0,0 +1,27 @@
@font-face {
font-family: 'SpaceMono Regular';
src: url('../fonts/space-mono/SpaceMono-Regular.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'SpaceMono Bold';
src: url('../fonts/space-mono/SpaceMono-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'SpaceMono Italic';
src: url('../fonts/space-mono/SpaceMono-Bold.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'SpaceMono Bold Italic';
src: url('../fonts/space-mono/SpaceMono-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
}

View File

@ -0,0 +1,17 @@
::-webkit-scrollbar {
// width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
// background-image: url('../img/bg/scroll.jpg');
// background-color: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
// background: transparent;
// background-color: $black;
// background-blend-mode: difference;
// background-size: cover;
// border-radius: 50px;
}

36
_sass/layout.scss Normal file
View File

@ -0,0 +1,36 @@
body {
background-color: $white;
background-image: url('../img/bg/es-c.jpg');
background-repeat-x: no-repeat;
background-repeat-y: repeat;
background-size: cover;
background-attachment: fixed;
}
.page-content {
max-width: 920px;
margin: 0 auto;
}
html,
body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
.content {
flex: 1 0 auto;
}
footer.page-footer {
flex-shrink: 0;
}
.rf-logo path {
fill: transparent;
stroke-width: 1;
}

View File

@ -0,0 +1,22 @@
.rf-logo {
margin: $size-64 0 $size-64 $size-32;
max-width: 80%;
@include touch {
@include margin-vertical(0);
}
}
p {
max-width: $size-512 + $size-128;
}
h2 {
margin-top: $size-32;
}
.page-content {
@include touch {
@include margin-horizontal($size-32);
}
}

124
_sass/reset.scss Normal file
View File

@ -0,0 +1,124 @@
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

View File

@ -1,3 +0,0 @@
body, .reyyyryr {
background-color: red;
}

92
_sass/typography.scss Normal file
View File

@ -0,0 +1,92 @@
p,
a,
span,
h1,
h2,
h3,
h4,
h5,
strong,
em,
h6,
.separator {
font-family: $font;
color: $white;
margin-bottom: $size-16;
&::selection {
background-color: transparent;
color: transparent;
text-shadow: 3px 0 8px;
}
}
strong {
font-family: $font-bold;
}
em {
font-family: $font-italic;
}
h1 {
font-size: 84px;
}
h1,
.h1 {
font-size: $size-64;
font-family: $font-title;
font-style: italic;
}
h2,
.h2 {
font-size: $size-32;
font-family: $font-title;
font-style: italic;
}
h3,
.h3 {
font-size: $size-16;
font-family: $font-title;
font-style: italic;
}
p,
.text-p {
font-size: $size-14;
font-family: $font;
line-height: $size-32;
}
a {
color: $black;
font-weight: bold;
&:hover,
&:visited {
font-style: italic;
}
}
.separator {
max-width: $size-512 + $size-128;
display: flex;
justify-content: center;
.dot {
height: $size-8;
width: $size-8;
border-radius: 100%;
background-color: $black;
&.background-blue {
background-color: $highlight;
}
&.background-white {
background-color: $white;
}
}
}

View File

@ -0,0 +1,35 @@
@mixin center-content-flex() {
display: flex;
justify-content: center;
align-items: center;
}
@mixin padding-vertical($padding) {
padding-top: $padding;
padding-bottom: $padding;
}
@mixin padding-horizontal($padding) {
padding-left: $padding;
padding-right: $padding;
}
@mixin margin-vertical($margin) {
margin-top: $margin;
margin-bottom: $margin;
}
@mixin margin-horizontal($margin) {
margin-left: $margin;
margin-right: $margin;
}
@mixin dir-col() {
display: flex;
flex-direction: column;
}
@mixin dir-row() {
display: flex;
flex-direction: row;
}

View File

@ -0,0 +1,52 @@
/* --------------------------------------------------------------------------
* Breakpoints
*/
// Max mobile
@mixin mobile() {
@media (max-width: $breakpoint-tablet + 1px) {
@content;
}
}
// Min tablet
@mixin tablet() {
@media (min-width: $breakpoint-tablet) {
@content;
}
}
// Tablet only
@mixin tablet-only() {
@media (min-width: $breakpoint-tablet) and (max-width: $breakpoint-desktop + 1px) {
@content;
}
}
// Max tablet
@mixin touch() {
@media (max-width: $breakpoint-desktop + 1px) {
@content;
}
}
// Min Desktop
@mixin desktop() {
@media (min-width: $breakpoint-desktop) {
@content;
}
}
// Desktop only
@mixin desktop-only() {
@media (min-width: $breakpoint-desktop) and (max-width: $breakpoint-widescreen + 1px) {
@content;
}
}
// Min widescreen
@mixin widescreen() {
@media (min-width: $breakpoint-widescreen) {
@content;
}
}

36
_sass/variables.scss Normal file
View File

@ -0,0 +1,36 @@
// Colours
$black: #1d2022;
$white: #fff;
$highlight: #0ddfe7;
$highlight-darker: #0ac2c9;
$bg: $black;
// margin
$size-base: 4px;
$size-8: 8px;
$size-12: 12px;
$size-14: 14px;
$size-16: 16px;
$size-32: 32px;
$size-64: 64px;
$size-128: 128px;
$size-256: 256px;
$size-512: 512px;
$size-1028: 1028px;
// Typography
$font-title: 'Orator Std', 'Courier New', Courier, monospace;
$font: 'SpaceMono Regular', 'Courier New', Courier, monospace;
$font-bold: 'SpaceMono Bold', 'Courier New', Courier, monospace;
$font-italic: 'SpaceMono Italic', 'Courier New', Courier, monospace;
$font-bold-italic: 'SpaceMono Bold Italic', 'Courier New', Courier, monospace;
// Responsive breakpoints
$breakpoint-tablet: 768px !default;
$breakpoint-desktop: 1024px !default;
$breakpoint-widescreen: 1440px !default;

View File

@ -1,5 +1,5 @@
---
layout: page
layout: page-with-header
title: About
permalink: /about/
---

View File

@ -1,7 +1,13 @@
---
---
@import "temp";
body, .testing {
display: none;
}
@import 'reset';
@import 'fontface';
@import 'variables';
@import 'typography';
@import 'utils/responsive';
@import 'utils/layout-utils';
@import 'layout';
@import 'layouts/default';
@import 'layouts/404';
@import 'includes/scrollbar';

BIN
assets/img/bg/es-c.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 MiB

BIN
assets/img/bg/es.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 MiB

BIN
assets/img/bg/scroll.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 MiB

12
fr/index.markdown Normal file
View File

@ -0,0 +1,12 @@
---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
layout: page-with-header
---
## -- What is ReclaimFutures?
French text!

View File

@ -2,5 +2,30 @@
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
layout: home
layout: page-with-header
---
## -- What is ReclaimFutures?
As networks of increasingly opaque algorithms drive hyper-consumption and bolster deeply questionable political agendas/regimes the once radical utopian vision of the future offered by the internet is rapidly fading into a lofty nostalgic throwback, how can we reclaim the narratives for non-capitalistic aims?
Perhaps through radical acts of creativity, resistance and collective action it may be possible to once again to imagine a plurality of futures other than those offered by techs big four.
Indeed ReclaimFutures is a technology and culture conference based upon these perhaps lofty ideals. It does not seek to disrupt nor 'innovate'. ReclaimFutures is not about the latest technologies, design trends or most exciting new startup incubator. It's not even about 'ethical tech'.
{% include common/separator.html colour="white" %}
Instead, ReclaimFutures (RF) aims to inspect, interrogate and expose the neoliberal forces at play within communication technology and startup culture, whilst championing radical thinkers and creators. In short reclaim futures is a conference for all the creators and thinkers attempting to smash, replace, and escape capitalism though acts of resistance in all their forms.
RF aims to foster an environment where creative and engaged artists, philosophers, technologists, activists, hackers, researchers and educators can collectively assemble to imagine new futures, beyond the walls of capitalistic limitation and stage the question of what we can do next, big or small to achieve political and/or social transformation in these troubled times in our species history.
Over the course of 3 days in spring 2020 the inaugural edition of ReclaimFutures will be held at a to-be-confirmed location in the city of Lausanne, Switzerland. During these 3 days a series of workshops, talks, roundtables, performances and artworks will be presented.
RF is also introspective in that it seeks to challenge our own preconceptions, and invites critical reflection. In the same way we cannot fix the societal technology-imposed problems on by applying yet more technology, we must not make the mistake that our own way will provides answers that cannot be challenged.
{% include common/separator.html colour="white" %}
RF in built upon an open, inclusive and respectful philosophy and is a conference trying to give a voice to those typically less heard within tech circles. Thus, RF invites all non-commercial individuals or small groups to participate in talks, artworks, and performances and strongly enthuses submissions from anyone who considers themselves to belong to an underrepresented group including but not limited to POCs, LGBT+, people with disabilities, working class and first-time speakers. ReclaimFutures is run as a DIT (Do It Together), self-funded, not-for-profit project and rejects commercial financial influence and thus cannot pay expenses of participants nor *large* fees (though all participants will be paid in accordance to the ticket sales and where possible we will offer meals as part of the event as well as trying to assist in finding accommodation and other practical needs).
If you're looking for inspiration we've assembled a list of [hypothetical talk titles and subjects](https://www.are.na/share/YDqWVUY) which you can take as a starting point, fully adopt, use to get an impression, or of course completely disregarded.