Merge branch 'initialcontent' into 'master'
Initial content + design See merge request !2
This commit is contained in:
commit
e481fa4642
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -2,3 +2,4 @@ _site
|
||||||
.sass-cache
|
.sass-cache
|
||||||
.jekyll-metadata
|
.jekyll-metadata
|
||||||
Gemfile.lock
|
Gemfile.lock
|
||||||
|
.bundle/config
|
||||||
|
|
|
||||||
1
Gemfile
1
Gemfile
|
|
@ -19,6 +19,7 @@ gem "jekyll", "3.4.0"
|
||||||
group :jekyll_plugins do
|
group :jekyll_plugins do
|
||||||
gem "jekyll-feed", "~> 0.6"
|
gem "jekyll-feed", "~> 0.6"
|
||||||
gem "jekyll-livereload"
|
gem "jekyll-livereload"
|
||||||
|
gem "jekyll-sitemap"
|
||||||
end
|
end
|
||||||
|
|
||||||
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
|
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
|
||||||
|
|
|
||||||
13
_config.yml
13
_config.yml
|
|
@ -13,22 +13,21 @@
|
||||||
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
||||||
# You can create any custom variable you would like, and they will be accessible
|
# You can create any custom variable you would like, and they will be accessible
|
||||||
# in the templates via {{ site.myvariable }}.
|
# in the templates via {{ site.myvariable }}.
|
||||||
title: Your awesome title
|
name: data.coop
|
||||||
email: your-email@domain.com
|
email: kontakt@data.coop
|
||||||
description: > # this means to ignore newlines until "baseurl:"
|
description: > # this means to ignore newlines until "baseurl:"
|
||||||
Write an awesome description for your new site here. You can edit this
|
et datakollektiv der passer på dine data.
|
||||||
line in _config.yml. It will appear in your document head meta (for
|
|
||||||
Google search results) and in your feed.xml site description.
|
|
||||||
baseurl: "" # the subpath of your site, e.g. /blog
|
baseurl: "" # the subpath of your site, e.g. /blog
|
||||||
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
||||||
twitter_username: jekyllrb
|
|
||||||
github_username: jekyll
|
|
||||||
|
|
||||||
# Build settings
|
# Build settings
|
||||||
markdown: kramdown
|
markdown: kramdown
|
||||||
|
|
||||||
gems:
|
gems:
|
||||||
- jekyll-feed
|
- jekyll-feed
|
||||||
|
- jekyll-sitemap
|
||||||
exclude:
|
exclude:
|
||||||
- Gemfile
|
- Gemfile
|
||||||
- Gemfile.lock
|
- Gemfile.lock
|
||||||
|
- docker-compose.yml
|
||||||
|
include: ['_pages']
|
||||||
|
|
|
||||||
16
_includes/analytics.html
Normal file
16
_includes/analytics.html
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
{% if site.google_analytics %}
|
||||||
|
<!-- Google Analytics -->
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', '{{ site.google_analytics }}', 'auto');
|
||||||
|
ga('send', 'pageview', {
|
||||||
|
'page': '{{ site.baseurl }}{{ page.url }}',
|
||||||
|
'title': '{{ page.title | replace: "'", "\\'" }}'
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<!-- End Google Analytics -->
|
||||||
|
{% endif %}
|
||||||
17
_includes/disqus.html
Normal file
17
_includes/disqus.html
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
{% if site.disqus %}
|
||||||
|
<div class="comments">
|
||||||
|
<div id="disqus_thread"></div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var disqus_shortname = '{{ site.disqus }}';
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||||
|
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
||||||
|
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||||
|
})();
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
@ -1,20 +0,0 @@
|
||||||
{% if page.comments != false and jekyll.environment == "production" %}
|
|
||||||
|
|
||||||
<div id="disqus_thread"></div>
|
|
||||||
<script>
|
|
||||||
var disqus_config = function () {
|
|
||||||
this.page.url = '{{ page.url | absolute_url }}';
|
|
||||||
this.page.identifier = '{{ page.url | absolute_url }}';
|
|
||||||
};
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
var d = document, s = d.createElement('script');
|
|
||||||
|
|
||||||
s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
|
|
||||||
|
|
||||||
s.setAttribute('data-timestamp', +new Date());
|
|
||||||
(d.head || d.body).appendChild(s);
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
|
||||||
{% endif %}
|
|
||||||
|
|
@ -1,46 +0,0 @@
|
||||||
<footer class="site-footer">
|
|
||||||
|
|
||||||
<div class="wrapper">
|
|
||||||
|
|
||||||
<h2 class="footer-heading">{{ site.title | escape }}</h2>
|
|
||||||
|
|
||||||
<div class="footer-col-wrapper">
|
|
||||||
<div class="footer-col footer-col-1">
|
|
||||||
<ul class="contact-list">
|
|
||||||
<li>
|
|
||||||
{% if site.author %}
|
|
||||||
{{ site.author | escape }}
|
|
||||||
{% else %}
|
|
||||||
{{ site.title | escape }}
|
|
||||||
{% endif %}
|
|
||||||
</li>
|
|
||||||
{% if site.email %}
|
|
||||||
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
|
|
||||||
{% endif %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="footer-col footer-col-2">
|
|
||||||
<ul class="social-media-list">
|
|
||||||
{% if site.github_username %}
|
|
||||||
<li>
|
|
||||||
{% include icon-github.html username=site.github_username %}
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if site.twitter_username %}
|
|
||||||
<li>
|
|
||||||
{% include icon-twitter.html username=site.twitter_username %}
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="footer-col footer-col-3">
|
|
||||||
<p>{{ site.description | escape }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</footer>
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', '{{ site.google_analytics }}', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
|
|
||||||
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
|
|
||||||
<meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
|
|
||||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
|
||||||
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
|
|
||||||
|
|
||||||
{% if jekyll.environment == 'production' and site.google_analytics %}
|
|
||||||
{% include google-analytics.html %}
|
|
||||||
{% endif %}
|
|
||||||
</head>
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
<header class="site-header" role="banner">
|
|
||||||
|
|
||||||
<div class="wrapper">
|
|
||||||
|
|
||||||
<a class="site-title" href="{{ "/" | relative_url}}">{{ site.title | escape }}</a>
|
|
||||||
|
|
||||||
<nav class="site-nav">
|
|
||||||
<span class="menu-icon">
|
|
||||||
<svg viewBox="0 0 18 15" width="18px" height="15px">
|
|
||||||
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
|
|
||||||
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
|
|
||||||
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
|
|
||||||
</svg>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<div class="trigger">
|
|
||||||
{% for my_page in site.pages %}
|
|
||||||
{% if my_page.title %}
|
|
||||||
<a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</header>
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 953 B |
|
|
@ -1 +0,0 @@
|
||||||
<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 814 B |
18
_includes/meta.html
Normal file
18
_includes/meta.html
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
|
||||||
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
||||||
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'>
|
||||||
|
|
||||||
|
{% if page.excerpt %}
|
||||||
|
<meta name="description" content="{{ page.excerpt| strip_html }}" />
|
||||||
|
<meta property="og:description" content="{{ page.excerpt| strip_html }}" />
|
||||||
|
{% else %}
|
||||||
|
<meta name="description" content="{{ site.description }}">
|
||||||
|
<meta property="og:description" content="{{ site.description }}" />
|
||||||
|
{% endif %}
|
||||||
|
<meta name="author" content="{{ site.name }}" />
|
||||||
|
|
||||||
|
{% if page.title %}
|
||||||
|
<meta property="og:title" content="{{ page.title }}" />
|
||||||
|
<meta property="twitter:title" content="{{ page.title }}" />
|
||||||
|
{% endif %}
|
||||||
13
_includes/svg-icons.html
Normal file
13
_includes/svg-icons.html
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
{% if site.footer-links.dribbble %}<a href="https://dribbble.com/{{ site.footer-links.dribbble }}"><i class="svg-icon dribbble"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.email %}<a href="mailto:{{ site.footer-links.email }}"><i class="svg-icon email"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.facebook %}<a href="https://www.facebook.com/{{ site.footer-links.facebook }}"><i class="svg-icon facebook"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.flickr %}<a href="https://www.flickr.com/{{ site.footer-links.flickr }}"><i class="svg-icon flickr"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.github %}<a href="https://github.com/{{ site.footer-links.github }}"><i class="svg-icon github"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.instagram %}<a href="https://instagram.com/{{ site.footer-links.instagram }}"><i class="svg-icon instagram"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.linkedin %}<a href="https://www.linkedin.com/in/{{ site.footer-links.linkedin }}"><i class="svg-icon linkedin"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.pinterest %}<a href="https://www.pinterest.com/{{ site.footer-links.pinterest }}"><i class="svg-icon pinterest"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.rss %}<a href="{{ site.baseurl }}/feed.xml"><i class="svg-icon rss"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.twitter %}<a href="https://www.twitter.com/{{ site.footer-links.twitter }}"><i class="svg-icon twitter"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.stackoverflow %}<a href="http://stackoverflow.com/{{ site.footer-links.stackoverflow }}"><i class="svg-icon stackoverflow"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.youtube %}<a href="https://youtube.com/{{ site.footer-links.youtube }}"><i class="svg-icon youtube"></i></a>{% endif %}
|
||||||
|
{% if site.footer-links.googleplus %}<a href="https://plus.google.com/{{ site.footer-links.googleplus }}"><i class="svg-icon googleplus"></i></a>{% endif %}
|
||||||
|
|
@ -1,20 +1,52 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>{% if page.title %}{{ page.title }} – {% endif %}{{ site.name }} – {{ site.description }}</title>
|
||||||
|
|
||||||
{% include head.html %}
|
{% include meta.html %}
|
||||||
|
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/style.css" />
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />
|
||||||
|
|
||||||
|
<!-- Created with Jekyll Now - http://github.com/barryclark/jekyll-now -->
|
||||||
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<div class="wrapper-masthead">
|
||||||
|
<div class="container">
|
||||||
|
<header class="masthead clearfix">
|
||||||
|
<a href="{{ site.baseurl }}/" class="site-avatar"><img src="{{ site.baseurl }}/images/datacoop-logo.png" /></a>
|
||||||
|
|
||||||
{% include header.html %}
|
<div class="site-info">
|
||||||
|
<h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1>
|
||||||
|
<p class="site-description">{{ site.description }}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<main class="page-content" aria-label="Content">
|
<nav>
|
||||||
<div class="wrapper">
|
{% for page in site.pages %}
|
||||||
{{ content }}
|
{% if page.title %}
|
||||||
|
<a href="{{ page.url | relative-url }}">{{ page.title }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</div>
|
||||||
|
|
||||||
{% include footer.html %}
|
<div id="main" role="main" class="container">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="wrapper-footer">
|
||||||
|
<div class="container">
|
||||||
|
<footer class="footer">
|
||||||
|
{% include svg-icons.html %}
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
---
|
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="home">
|
|
||||||
|
|
||||||
<h1 class="page-heading">Posts</h1>
|
|
||||||
|
|
||||||
{{ content }}
|
|
||||||
|
|
||||||
<ul class="post-list">
|
|
||||||
{% for post in site.posts %}
|
|
||||||
<li>
|
|
||||||
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
|
|
||||||
|
|
||||||
<h2>
|
|
||||||
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
|
|
||||||
</h2>
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,14 +1,12 @@
|
||||||
---
|
---
|
||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
<article class="post">
|
|
||||||
|
|
||||||
<header class="post-header">
|
<article class="page">
|
||||||
<h1 class="post-title">{{ page.title | escape }}</h1>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div class="post-content">
|
<h1>{{ page.title }}</h1>
|
||||||
|
|
||||||
|
<div class="entry">
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
|
|
||||||
|
|
@ -1,18 +1,17 @@
|
||||||
---
|
---
|
||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
|
|
||||||
|
|
||||||
<header class="post-header">
|
<article class="post">
|
||||||
<h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
|
<h1>{{ page.title }}</h1>
|
||||||
<p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div class="post-content" itemprop="articleBody">
|
<div class="entry">
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if site.disqus.shortname %}
|
<div class="date">
|
||||||
{% include disqus_comments.html %}
|
Written on {{ page.date | date: "%B %e, %Y" }}
|
||||||
{% endif %}
|
</div>
|
||||||
|
|
||||||
|
{% include disqus.html %}
|
||||||
</article>
|
</article>
|
||||||
|
|
|
||||||
9
_pages/about.md
Normal file
9
_pages/about.md
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: Om os
|
||||||
|
permalink: /om/
|
||||||
|
---
|
||||||
|
|
||||||
|
Mere info følger...
|
||||||
|
|
||||||
|
Indtil videre kan du følge med på vores [GitLab server](https://git.data.coop/data.coop/)
|
||||||
118
_pages/vedtaegter.md
Normal file
118
_pages/vedtaegter.md
Normal file
|
|
@ -0,0 +1,118 @@
|
||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: Vedtægter
|
||||||
|
---
|
||||||
|
|
||||||
|
# § 1. Navn og tilhørsforhold
|
||||||
|
|
||||||
|
Foreningens navn er: data.coop
|
||||||
|
|
||||||
|
Foreningens hjemsted er Københavns Kommune, men primært internettet.
|
||||||
|
|
||||||
|
# § 2. Formål
|
||||||
|
|
||||||
|
Foreningen data.coop ønsker at stille digital infrastruktur til rådighed for
|
||||||
|
sine medlemmer, på en måde hvor foreningens kerneprincipper --
|
||||||
|
privatlivsbeskyttelse, kryptering, decentralisering og zero-knowledge for
|
||||||
|
foreningen som tjenesteudbyder -- er i fokus. Ydermere vil foreningen advokere
|
||||||
|
for sine kerneprincipper, hjælpe folk til at at agere på nettet på forsvarlig
|
||||||
|
vis, samt samarbejde med andre datafællesskaber/hjælpe andre i gang med lign.
|
||||||
|
foreninger.
|
||||||
|
|
||||||
|
# § 3. Organisation
|
||||||
|
|
||||||
|
Foreningens overordnede ledelse er generalforsamlingen, som består af medlemmer med gyldigt medlemsbevis.
|
||||||
|
Generalforsamlingen vælger:
|
||||||
|
|
||||||
|
- En bestyrelse på 5 personer
|
||||||
|
- 2 suppleanter for bestyrelsen
|
||||||
|
- 1 revisor
|
||||||
|
- Evt. 1 suppleant for revisor
|
||||||
|
|
||||||
|
Valg til bestyrelsen sker for en periode på 2 år, således at mindst 2 personer
|
||||||
|
er på valg hvert år. Revisor og suppleanter er på valg hvert år.
|
||||||
|
|
||||||
|
# § 4. Generalforsamlingen
|
||||||
|
|
||||||
|
Bestyrelsen indkalder generalforsamlingen med mindst 14 dages varsel via
|
||||||
|
foreningens hjemmeside og mailinglister. Ordinær generalforsamling afholdes
|
||||||
|
hvert år inden udgangen af september måned. Dagsorden for ordinær
|
||||||
|
generalforsamling skal indeholde følgende punkter:
|
||||||
|
|
||||||
|
1. Valg af dirigent og referent.
|
||||||
|
1. Bestyrelsens beretning.
|
||||||
|
1. Fremlæggelse af regnskab, budget og kontingent.
|
||||||
|
1. Indkomne forslag. Forslag skal være modtaget af bestyrelsen senest en uge før generalforsamlingen.
|
||||||
|
1. Godkendelse af vedtægtsændringer og Acceptable Use Policy
|
||||||
|
1. Valg (Jf. § 3)
|
||||||
|
1. Eventuelt
|
||||||
|
|
||||||
|
## § 4.1. Afholdelse af generalforsamlinger og bestyrelsesmøder
|
||||||
|
|
||||||
|
Generalforsamlinger og bestyrelsesmøder kan afholdes på internettet.
|
||||||
|
|
||||||
|
# § 5. Foreningens bestyrelse
|
||||||
|
|
||||||
|
Foreningens daglige ledelse forestås af bestyrelsen (Jf. § 3). Bestyrelsen
|
||||||
|
konstituerer sig selv med formand, næstformand og kasserer. Bestyrelsen
|
||||||
|
uddelegerer den daglige drift til et forretningsudvalg, som består af formand,
|
||||||
|
næstformand og kasserer.
|
||||||
|
|
||||||
|
Bestyrelsen udarbejder regnskab og budget.
|
||||||
|
|
||||||
|
Bestyrelsen fastsætter selv sin forretningsorden.
|
||||||
|
|
||||||
|
Bestyrelsen kan sammensætte samarbejdsgrupper af medlemmer, der kan fungerer
|
||||||
|
som idéudviklingsforum for foreningen.
|
||||||
|
|
||||||
|
Tegningsret for foreningen har formanden og kassereren, dog ved køb, salg eller
|
||||||
|
pantsætning af fast ejendom, indgåelse af driftsaftaler samt ved optagelse af
|
||||||
|
lån, af den samlede bestyrelse.
|
||||||
|
|
||||||
|
# § 6. Medlemskab
|
||||||
|
|
||||||
|
Som medlem kan enhver fysisk person optages, som har interesse i at støtte
|
||||||
|
foreningens formål. Medlemskab er bindende for et år ad gangen.
|
||||||
|
|
||||||
|
Bestyrelsen kan ekskludere medlemmer fra foreningen, hvis disse har handlet i
|
||||||
|
uoverenstemmelse med Acceptable Use Policy (AUP).
|
||||||
|
|
||||||
|
# § 7. Kontingent/finansiering
|
||||||
|
|
||||||
|
De årlige kontingenter fastsættes af generalforsamlingen.
|
||||||
|
|
||||||
|
Foreningen kan herudover finansieres ved sponsor- og annoncestøtte samt bidrag
|
||||||
|
fra offentlige/private virksomheder, fonde, øvrige foreninger/institutioner og
|
||||||
|
private personer, så længe det ikke stiller krav til foreningens dispositioner.
|
||||||
|
|
||||||
|
# § 8. Vedtægtsændringer
|
||||||
|
|
||||||
|
Vedtægtsændringer kræver et flertal på ¾ af generalforsamlingens fremmødte
|
||||||
|
medlemmer.
|
||||||
|
|
||||||
|
# § 9. Ekstraordinær generalforsamling
|
||||||
|
|
||||||
|
Indkaldelse sker, hvis et flertal af bestyrelsen ønsker det.
|
||||||
|
|
||||||
|
Indkaldelse sker, hvis 1/3 af medlemmerne ønsker det.
|
||||||
|
|
||||||
|
Indkaldelse sker under samme betingelser, som anført i §4.
|
||||||
|
|
||||||
|
Dagsorden skal motiveres.
|
||||||
|
|
||||||
|
# § 10. Regnskab
|
||||||
|
|
||||||
|
Regnskabsåret for Foreningen er kalenderåret.
|
||||||
|
|
||||||
|
# § 11. Opløsning
|
||||||
|
|
||||||
|
Opløsning af foreningen kræver et flertal på ¾ af generalforsamlingens eller
|
||||||
|
den ekstraordinære generalforsamlings fremmødte medlemmer.
|
||||||
|
|
||||||
|
Opløsningen skal herefter godkendes på en efterfølgende ekstraordinær
|
||||||
|
generalforsamling.
|
||||||
|
|
||||||
|
Ved opløsning af foreningen skal foreningens midler overdrages til European
|
||||||
|
Digital Rights (EDRi) og Free Software Foundation Europe (FSFE).
|
||||||
|
|
||||||
|
Foreningen data.coop er stiftet den 24 juni 2014.
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
---
|
|
||||||
layout: post
|
|
||||||
title: "Welcome to Jekyll!"
|
|
||||||
date: 2017-02-06 11:44:57 +0100
|
|
||||||
categories: jekyll update
|
|
||||||
---
|
|
||||||
You’ll 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.
|
|
||||||
|
|
||||||
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes 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 [Jekyll’s 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/
|
|
||||||
10
_posts/2017-02-09-Hjemmeside-paa-vej.md
Normal file
10
_posts/2017-02-09-Hjemmeside-paa-vej.md
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
---
|
||||||
|
title: Første spadestik
|
||||||
|
layout: post
|
||||||
|
---
|
||||||
|
# Så er vi i gang!
|
||||||
|
|
||||||
|
Vi er i gang med, at opbygge en hjemmeside for foreningen. Indtil videre kan du følge med
|
||||||
|
i foreningens arbejde på vores [GitLab server](https://git.data.coop/data.coop/pm). Har du
|
||||||
|
lyst til at blive medlem og være med til at opbygge vores datakollektiv så vil du snarest
|
||||||
|
kunne finde informationer om, hvordan og hvorledes her på siden.
|
||||||
84
_sass/_highlights.scss
Normal file
84
_sass/_highlights.scss
Normal file
|
|
@ -0,0 +1,84 @@
|
||||||
|
|
||||||
|
.highlight {
|
||||||
|
background-color: #efefef;
|
||||||
|
padding: 7px 7px 7px 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
-moz-box-shadow: 3px 3px rgba(0,0,0,0.1);
|
||||||
|
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.1);
|
||||||
|
box-shadow: 3px 3px rgba(0,0,0,0.1);
|
||||||
|
margin: 20px 0 20px 0;
|
||||||
|
overflow: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-family:'Bitstream Vera Sans Mono','Courier', monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .c { color: #586E75 } /* Comment */
|
||||||
|
.highlight .err { color: #93A1A1 } /* Error */
|
||||||
|
.highlight .g { color: #93A1A1 } /* Generic */
|
||||||
|
.highlight .k { color: #859900 } /* Keyword */
|
||||||
|
.highlight .l { color: #93A1A1 } /* Literal */
|
||||||
|
.highlight .n { color: #93A1A1 } /* Name */
|
||||||
|
.highlight .o { color: #859900 } /* Operator */
|
||||||
|
.highlight .x { color: #CB4B16 } /* Other */
|
||||||
|
.highlight .p { color: #93A1A1 } /* Punctuation */
|
||||||
|
.highlight .cm { color: #586E75 } /* Comment.Multiline */
|
||||||
|
.highlight .cp { color: #859900 } /* Comment.Preproc */
|
||||||
|
.highlight .c1 { color: #586E75 } /* Comment.Single */
|
||||||
|
.highlight .cs { color: #859900 } /* Comment.Special */
|
||||||
|
.highlight .gd { color: #2AA198 } /* Generic.Deleted */
|
||||||
|
.highlight .ge { color: #93A1A1; font-style: italic } /* Generic.Emph */
|
||||||
|
.highlight .gr { color: #DC322F } /* Generic.Error */
|
||||||
|
.highlight .gh { color: #CB4B16 } /* Generic.Heading */
|
||||||
|
.highlight .gi { color: #859900 } /* Generic.Inserted */
|
||||||
|
.highlight .go { color: #93A1A1 } /* Generic.Output */
|
||||||
|
.highlight .gp { color: #93A1A1 } /* Generic.Prompt */
|
||||||
|
.highlight .gs { color: #93A1A1; font-weight: bold } /* Generic.Strong */
|
||||||
|
.highlight .gu { color: #CB4B16 } /* Generic.Subheading */
|
||||||
|
.highlight .gt { color: #93A1A1 } /* Generic.Traceback */
|
||||||
|
.highlight .kc { color: #CB4B16 } /* Keyword.Constant */
|
||||||
|
.highlight .kd { color: #268BD2 } /* Keyword.Declaration */
|
||||||
|
.highlight .kn { color: #859900 } /* Keyword.Namespace */
|
||||||
|
.highlight .kp { color: #859900 } /* Keyword.Pseudo */
|
||||||
|
.highlight .kr { color: #268BD2 } /* Keyword.Reserved */
|
||||||
|
.highlight .kt { color: #DC322F } /* Keyword.Type */
|
||||||
|
.highlight .ld { color: #93A1A1 } /* Literal.Date */
|
||||||
|
.highlight .m { color: #2AA198 } /* Literal.Number */
|
||||||
|
.highlight .s { color: #2AA198 } /* Literal.String */
|
||||||
|
.highlight .na { color: #93A1A1 } /* Name.Attribute */
|
||||||
|
.highlight .nb { color: #B58900 } /* Name.Builtin */
|
||||||
|
.highlight .nc { color: #268BD2 } /* Name.Class */
|
||||||
|
.highlight .no { color: #CB4B16 } /* Name.Constant */
|
||||||
|
.highlight .nd { color: #268BD2 } /* Name.Decorator */
|
||||||
|
.highlight .ni { color: #CB4B16 } /* Name.Entity */
|
||||||
|
.highlight .ne { color: #CB4B16 } /* Name.Exception */
|
||||||
|
.highlight .nf { color: #268BD2 } /* Name.Function */
|
||||||
|
.highlight .nl { color: #93A1A1 } /* Name.Label */
|
||||||
|
.highlight .nn { color: #93A1A1 } /* Name.Namespace */
|
||||||
|
.highlight .nx { color: #555 } /* Name.Other */
|
||||||
|
.highlight .py { color: #93A1A1 } /* Name.Property */
|
||||||
|
.highlight .nt { color: #268BD2 } /* Name.Tag */
|
||||||
|
.highlight .nv { color: #268BD2 } /* Name.Variable */
|
||||||
|
.highlight .ow { color: #859900 } /* Operator.Word */
|
||||||
|
.highlight .w { color: #93A1A1 } /* Text.Whitespace */
|
||||||
|
.highlight .mf { color: #2AA198 } /* Literal.Number.Float */
|
||||||
|
.highlight .mh { color: #2AA198 } /* Literal.Number.Hex */
|
||||||
|
.highlight .mi { color: #2AA198 } /* Literal.Number.Integer */
|
||||||
|
.highlight .mo { color: #2AA198 } /* Literal.Number.Oct */
|
||||||
|
.highlight .sb { color: #586E75 } /* Literal.String.Backtick */
|
||||||
|
.highlight .sc { color: #2AA198 } /* Literal.String.Char */
|
||||||
|
.highlight .sd { color: #93A1A1 } /* Literal.String.Doc */
|
||||||
|
.highlight .s2 { color: #2AA198 } /* Literal.String.Double */
|
||||||
|
.highlight .se { color: #CB4B16 } /* Literal.String.Escape */
|
||||||
|
.highlight .sh { color: #93A1A1 } /* Literal.String.Heredoc */
|
||||||
|
.highlight .si { color: #2AA198 } /* Literal.String.Interpol */
|
||||||
|
.highlight .sx { color: #2AA198 } /* Literal.String.Other */
|
||||||
|
.highlight .sr { color: #DC322F } /* Literal.String.Regex */
|
||||||
|
.highlight .s1 { color: #2AA198 } /* Literal.String.Single */
|
||||||
|
.highlight .ss { color: #2AA198 } /* Literal.String.Symbol */
|
||||||
|
.highlight .bp { color: #268BD2 } /* Name.Builtin.Pseudo */
|
||||||
|
.highlight .vc { color: #268BD2 } /* Name.Variable.Class */
|
||||||
|
.highlight .vg { color: #268BD2 } /* Name.Variable.Global */
|
||||||
|
.highlight .vi { color: #268BD2 } /* Name.Variable.Instance */
|
||||||
|
.highlight .il { color: #2AA198 } /* Literal.Number.Integer.Long */
|
||||||
53
_sass/_reset.scss
Normal file
53
_sass/_reset.scss
Normal file
|
|
@ -0,0 +1,53 @@
|
||||||
|
|
||||||
|
/***************/
|
||||||
|
/* MEYER RESET */
|
||||||
|
/***************/
|
||||||
|
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
// Apply a natural box layout model to all elements
|
||||||
|
// from: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
|
||||||
|
*, *:before, *:after {
|
||||||
|
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
|
||||||
|
}
|
||||||
20
_sass/_svg-icons.scss
Normal file
20
_sass/_svg-icons.scss
Normal file
File diff suppressed because one or more lines are too long
27
_sass/_variables.scss
Normal file
27
_sass/_variables.scss
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
|
||||||
|
//
|
||||||
|
// VARIABLES
|
||||||
|
//
|
||||||
|
|
||||||
|
// Colors
|
||||||
|
$blue: #4183C4;
|
||||||
|
|
||||||
|
// Grays
|
||||||
|
$black: #000;
|
||||||
|
$darkerGray: #222;
|
||||||
|
$darkGray: #333;
|
||||||
|
$gray: #666;
|
||||||
|
$lightGray: #eee;
|
||||||
|
$white: #fff;
|
||||||
|
|
||||||
|
// Font stacks
|
||||||
|
$helvetica: Helvetica, Arial, sans-serif;
|
||||||
|
$helveticaNeue: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
$georgia: Georgia, serif;
|
||||||
|
|
||||||
|
// Mobile breakpoints
|
||||||
|
@mixin mobile {
|
||||||
|
@media screen and (max-width: 640px) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,43 +0,0 @@
|
||||||
// Define defaults for each variable.
|
|
||||||
|
|
||||||
$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
|
||||||
$base-font-size: 16px !default;
|
|
||||||
$base-font-weight: 400 !default;
|
|
||||||
$small-font-size: $base-font-size * 0.875 !default;
|
|
||||||
$base-line-height: 1.5 !default;
|
|
||||||
|
|
||||||
$spacing-unit: 30px !default;
|
|
||||||
|
|
||||||
$text-color: #111 !default;
|
|
||||||
$background-color: #fdfdfd !default;
|
|
||||||
$brand-color: #2a7ae2 !default;
|
|
||||||
|
|
||||||
$grey-color: #828282 !default;
|
|
||||||
$grey-color-light: lighten($grey-color, 40%) !default;
|
|
||||||
$grey-color-dark: darken($grey-color, 25%) !default;
|
|
||||||
|
|
||||||
// Width of the content area
|
|
||||||
$content-width: 800px !default;
|
|
||||||
|
|
||||||
$on-palm: 600px !default;
|
|
||||||
$on-laptop: 800px !default;
|
|
||||||
|
|
||||||
// Use media queries like this:
|
|
||||||
// @include media-query($on-palm) {
|
|
||||||
// .wrapper {
|
|
||||||
// padding-right: $spacing-unit / 2;
|
|
||||||
// padding-left: $spacing-unit / 2;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
@mixin media-query($device) {
|
|
||||||
@media screen and (max-width: $device) {
|
|
||||||
@content;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Import partials.
|
|
||||||
@import
|
|
||||||
"minima/base",
|
|
||||||
"minima/layout",
|
|
||||||
"minima/syntax-highlighting"
|
|
||||||
;
|
|
||||||
|
|
@ -1,198 +0,0 @@
|
||||||
/**
|
|
||||||
* Reset some basic elements
|
|
||||||
*/
|
|
||||||
body, h1, h2, h3, h4, h5, h6,
|
|
||||||
p, blockquote, pre, hr,
|
|
||||||
dl, dd, ol, ul, figure {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Basic styling
|
|
||||||
*/
|
|
||||||
body {
|
|
||||||
font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
|
|
||||||
color: $text-color;
|
|
||||||
background-color: $background-color;
|
|
||||||
-webkit-text-size-adjust: 100%;
|
|
||||||
-webkit-font-feature-settings: "kern" 1;
|
|
||||||
-moz-font-feature-settings: "kern" 1;
|
|
||||||
-o-font-feature-settings: "kern" 1;
|
|
||||||
font-feature-settings: "kern" 1;
|
|
||||||
font-kerning: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Set `margin-bottom` to maintain vertical rhythm
|
|
||||||
*/
|
|
||||||
h1, h2, h3, h4, h5, h6,
|
|
||||||
p, blockquote, pre,
|
|
||||||
ul, ol, dl, figure,
|
|
||||||
%vertical-rhythm {
|
|
||||||
margin-bottom: $spacing-unit / 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Images
|
|
||||||
*/
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Figures
|
|
||||||
*/
|
|
||||||
figure > img {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
figcaption {
|
|
||||||
font-size: $small-font-size;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Lists
|
|
||||||
*/
|
|
||||||
ul, ol {
|
|
||||||
margin-left: $spacing-unit;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
> ul,
|
|
||||||
> ol {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Headings
|
|
||||||
*/
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
font-weight: $base-font-weight;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Links
|
|
||||||
*/
|
|
||||||
a {
|
|
||||||
color: $brand-color;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:visited {
|
|
||||||
color: darken($brand-color, 15%);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $text-color;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Blockquotes
|
|
||||||
*/
|
|
||||||
blockquote {
|
|
||||||
color: $grey-color;
|
|
||||||
border-left: 4px solid $grey-color-light;
|
|
||||||
padding-left: $spacing-unit / 2;
|
|
||||||
font-size: 18px;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
font-style: italic;
|
|
||||||
|
|
||||||
> :last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Code formatting
|
|
||||||
*/
|
|
||||||
pre,
|
|
||||||
code {
|
|
||||||
font-size: 15px;
|
|
||||||
border: 1px solid $grey-color-light;
|
|
||||||
border-radius: 3px;
|
|
||||||
background-color: #eef;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
padding: 1px 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
padding: 8px 12px;
|
|
||||||
overflow-x: auto;
|
|
||||||
|
|
||||||
> code {
|
|
||||||
border: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Wrapper
|
|
||||||
*/
|
|
||||||
.wrapper {
|
|
||||||
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
|
|
||||||
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
padding-right: $spacing-unit;
|
|
||||||
padding-left: $spacing-unit;
|
|
||||||
@extend %clearfix;
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
|
|
||||||
max-width: calc(#{$content-width} - (#{$spacing-unit}));
|
|
||||||
padding-right: $spacing-unit / 2;
|
|
||||||
padding-left: $spacing-unit / 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Clearfix
|
|
||||||
*/
|
|
||||||
%clearfix:after {
|
|
||||||
content: "";
|
|
||||||
display: table;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Icons
|
|
||||||
*/
|
|
||||||
.icon > svg {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
|
|
||||||
path {
|
|
||||||
fill: $grey-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,237 +0,0 @@
|
||||||
/**
|
|
||||||
* Site header
|
|
||||||
*/
|
|
||||||
.site-header {
|
|
||||||
border-top: 5px solid $grey-color-dark;
|
|
||||||
border-bottom: 1px solid $grey-color-light;
|
|
||||||
min-height: 56px;
|
|
||||||
|
|
||||||
// Positioning context for the mobile navigation icon
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-title {
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 300;
|
|
||||||
line-height: 56px;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
&,
|
|
||||||
&:visited {
|
|
||||||
color: $grey-color-dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-nav {
|
|
||||||
float: right;
|
|
||||||
line-height: 56px;
|
|
||||||
|
|
||||||
.menu-icon {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-link {
|
|
||||||
color: $text-color;
|
|
||||||
line-height: $base-line-height;
|
|
||||||
|
|
||||||
// Gaps between nav items, but not on the last one
|
|
||||||
&:not(:last-child) {
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-query($on-palm) {
|
|
||||||
position: absolute;
|
|
||||||
top: 9px;
|
|
||||||
right: $spacing-unit / 2;
|
|
||||||
background-color: $background-color;
|
|
||||||
border: 1px solid $grey-color-light;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-align: right;
|
|
||||||
|
|
||||||
.menu-icon {
|
|
||||||
display: block;
|
|
||||||
float: right;
|
|
||||||
width: 36px;
|
|
||||||
height: 26px;
|
|
||||||
line-height: 0;
|
|
||||||
padding-top: 10px;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
> svg path {
|
|
||||||
fill: $grey-color-dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trigger {
|
|
||||||
clear: both;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover .trigger {
|
|
||||||
display: block;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-link {
|
|
||||||
display: block;
|
|
||||||
padding: 5px 10px;
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Site footer
|
|
||||||
*/
|
|
||||||
.site-footer {
|
|
||||||
border-top: 1px solid $grey-color-light;
|
|
||||||
padding: $spacing-unit 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-heading {
|
|
||||||
font-size: 18px;
|
|
||||||
margin-bottom: $spacing-unit / 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-list,
|
|
||||||
.social-media-list {
|
|
||||||
list-style: none;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col-wrapper {
|
|
||||||
font-size: 15px;
|
|
||||||
color: $grey-color;
|
|
||||||
margin-left: -$spacing-unit / 2;
|
|
||||||
@extend %clearfix;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col {
|
|
||||||
float: left;
|
|
||||||
margin-bottom: $spacing-unit / 2;
|
|
||||||
padding-left: $spacing-unit / 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col-1 {
|
|
||||||
width: -webkit-calc(35% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(35% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col-2 {
|
|
||||||
width: -webkit-calc(20% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(20% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col-3 {
|
|
||||||
width: -webkit-calc(45% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(45% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
.footer-col-1,
|
|
||||||
.footer-col-2 {
|
|
||||||
width: -webkit-calc(50% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(50% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col-3 {
|
|
||||||
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(100% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-query($on-palm) {
|
|
||||||
.footer-col {
|
|
||||||
float: none;
|
|
||||||
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(100% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Page content
|
|
||||||
*/
|
|
||||||
.page-content {
|
|
||||||
padding: $spacing-unit 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-heading {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list {
|
|
||||||
margin-left: 0;
|
|
||||||
list-style: none;
|
|
||||||
|
|
||||||
> li {
|
|
||||||
margin-bottom: $spacing-unit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-meta {
|
|
||||||
font-size: $small-font-size;
|
|
||||||
color: $grey-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-link {
|
|
||||||
display: block;
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Posts
|
|
||||||
*/
|
|
||||||
.post-header {
|
|
||||||
margin-bottom: $spacing-unit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-title {
|
|
||||||
font-size: 42px;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
line-height: 1;
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
font-size: 36px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-content {
|
|
||||||
margin-bottom: $spacing-unit;
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 32px;
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
font-size: 28px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 26px;
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
font-size: 22px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 20px;
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,71 +0,0 @@
|
||||||
/**
|
|
||||||
* Syntax highlighting styles
|
|
||||||
*/
|
|
||||||
.highlight {
|
|
||||||
background: #fff;
|
|
||||||
@extend %vertical-rhythm;
|
|
||||||
|
|
||||||
.highlighter-rouge & {
|
|
||||||
background: #eef;
|
|
||||||
}
|
|
||||||
|
|
||||||
.c { color: #998; font-style: italic } // Comment
|
|
||||||
.err { color: #a61717; background-color: #e3d2d2 } // Error
|
|
||||||
.k { font-weight: bold } // Keyword
|
|
||||||
.o { font-weight: bold } // Operator
|
|
||||||
.cm { color: #998; font-style: italic } // Comment.Multiline
|
|
||||||
.cp { color: #999; font-weight: bold } // Comment.Preproc
|
|
||||||
.c1 { color: #998; font-style: italic } // Comment.Single
|
|
||||||
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
|
|
||||||
.gd { color: #000; background-color: #fdd } // Generic.Deleted
|
|
||||||
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
|
|
||||||
.ge { font-style: italic } // Generic.Emph
|
|
||||||
.gr { color: #a00 } // Generic.Error
|
|
||||||
.gh { color: #999 } // Generic.Heading
|
|
||||||
.gi { color: #000; background-color: #dfd } // Generic.Inserted
|
|
||||||
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
|
|
||||||
.go { color: #888 } // Generic.Output
|
|
||||||
.gp { color: #555 } // Generic.Prompt
|
|
||||||
.gs { font-weight: bold } // Generic.Strong
|
|
||||||
.gu { color: #aaa } // Generic.Subheading
|
|
||||||
.gt { color: #a00 } // Generic.Traceback
|
|
||||||
.kc { font-weight: bold } // Keyword.Constant
|
|
||||||
.kd { font-weight: bold } // Keyword.Declaration
|
|
||||||
.kp { font-weight: bold } // Keyword.Pseudo
|
|
||||||
.kr { font-weight: bold } // Keyword.Reserved
|
|
||||||
.kt { color: #458; font-weight: bold } // Keyword.Type
|
|
||||||
.m { color: #099 } // Literal.Number
|
|
||||||
.s { color: #d14 } // Literal.String
|
|
||||||
.na { color: #008080 } // Name.Attribute
|
|
||||||
.nb { color: #0086B3 } // Name.Builtin
|
|
||||||
.nc { color: #458; font-weight: bold } // Name.Class
|
|
||||||
.no { color: #008080 } // Name.Constant
|
|
||||||
.ni { color: #800080 } // Name.Entity
|
|
||||||
.ne { color: #900; font-weight: bold } // Name.Exception
|
|
||||||
.nf { color: #900; font-weight: bold } // Name.Function
|
|
||||||
.nn { color: #555 } // Name.Namespace
|
|
||||||
.nt { color: #000080 } // Name.Tag
|
|
||||||
.nv { color: #008080 } // Name.Variable
|
|
||||||
.ow { font-weight: bold } // Operator.Word
|
|
||||||
.w { color: #bbb } // Text.Whitespace
|
|
||||||
.mf { color: #099 } // Literal.Number.Float
|
|
||||||
.mh { color: #099 } // Literal.Number.Hex
|
|
||||||
.mi { color: #099 } // Literal.Number.Integer
|
|
||||||
.mo { color: #099 } // Literal.Number.Oct
|
|
||||||
.sb { color: #d14 } // Literal.String.Backtick
|
|
||||||
.sc { color: #d14 } // Literal.String.Char
|
|
||||||
.sd { color: #d14 } // Literal.String.Doc
|
|
||||||
.s2 { color: #d14 } // Literal.String.Double
|
|
||||||
.se { color: #d14 } // Literal.String.Escape
|
|
||||||
.sh { color: #d14 } // Literal.String.Heredoc
|
|
||||||
.si { color: #d14 } // Literal.String.Interpol
|
|
||||||
.sx { color: #d14 } // Literal.String.Other
|
|
||||||
.sr { color: #009926 } // Literal.String.Regex
|
|
||||||
.s1 { color: #d14 } // Literal.String.Single
|
|
||||||
.ss { color: #990073 } // Literal.String.Symbol
|
|
||||||
.bp { color: #999 } // Name.Builtin.Pseudo
|
|
||||||
.vc { color: #008080 } // Name.Variable.Class
|
|
||||||
.vg { color: #008080 } // Name.Variable.Global
|
|
||||||
.vi { color: #008080 } // Name.Variable.Instance
|
|
||||||
.il { color: #099 } // Literal.Number.Integer.Long
|
|
||||||
}
|
|
||||||
15
about.md
15
about.md
|
|
@ -1,15 +0,0 @@
|
||||||
---
|
|
||||||
layout: page
|
|
||||||
title: About
|
|
||||||
permalink: /about/
|
|
||||||
---
|
|
||||||
|
|
||||||
This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
|
|
||||||
|
|
||||||
You can find the source code for the Jekyll new theme at:
|
|
||||||
{% include icon-github.html username="jekyll" %} /
|
|
||||||
[minima](https://github.com/jekyll/minima)
|
|
||||||
|
|
||||||
You can find the source code for Jekyll at
|
|
||||||
{% include icon-github.html username="jekyll" %} /
|
|
||||||
[jekyll](https://github.com/jekyll/jekyll)
|
|
||||||
289
assets/css/style.scss
Normal file
289
assets/css/style.scss
Normal file
|
|
@ -0,0 +1,289 @@
|
||||||
|
---
|
||||||
|
---
|
||||||
|
|
||||||
|
//
|
||||||
|
// IMPORTS
|
||||||
|
//
|
||||||
|
|
||||||
|
@import "reset";
|
||||||
|
@import "variables";
|
||||||
|
// Syntax highlighting @import is at the bottom of this file
|
||||||
|
|
||||||
|
/**************/
|
||||||
|
/* BASE RULES */
|
||||||
|
/**************/
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: $white;
|
||||||
|
font: 18px/1.4 $helvetica;
|
||||||
|
color: $darkGray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 740px;
|
||||||
|
padding: 0 10px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-family: $helveticaNeue;
|
||||||
|
color: $darkerGray;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
line-height: 1.7;
|
||||||
|
margin: 1em 0 15px;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
@include mobile {
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 30px;
|
||||||
|
a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 18px;
|
||||||
|
color: $gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 15px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $blue;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
&:hover, &:active {
|
||||||
|
color: $blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul, ol {
|
||||||
|
margin: 15px 0;
|
||||||
|
padding-left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol {
|
||||||
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol ul, ul ol, ul ul, ol ol {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul ul, ol ul {
|
||||||
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
|
em, i {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong, b {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fixes images in popup boxes from Google Translate
|
||||||
|
.gmnoprint img {
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.date {
|
||||||
|
font-style: italic;
|
||||||
|
color: $gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Specify the color of the selection
|
||||||
|
::-moz-selection {
|
||||||
|
color: $black;
|
||||||
|
background: $lightGray;
|
||||||
|
}
|
||||||
|
::selection {
|
||||||
|
color: $black;
|
||||||
|
background: $lightGray;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Nicolas Gallagher's micro clearfix hack
|
||||||
|
// http://nicolasgallagher.com/micro-clearfix-hack/
|
||||||
|
.clearfix:before,
|
||||||
|
.clearfix:after {
|
||||||
|
content: " ";
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*********************/
|
||||||
|
/* LAYOUT / SECTIONS */
|
||||||
|
/*********************/
|
||||||
|
|
||||||
|
//
|
||||||
|
// .masthead
|
||||||
|
//
|
||||||
|
|
||||||
|
.wrapper-masthead {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.masthead {
|
||||||
|
padding: 20px 0;
|
||||||
|
border-bottom: 1px solid $lightGray;
|
||||||
|
|
||||||
|
@include mobile {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-avatar {
|
||||||
|
float: left;
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
margin-right: 15px;
|
||||||
|
|
||||||
|
@include mobile {
|
||||||
|
float: none;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-info {
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
@include mobile {
|
||||||
|
float: none;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-name {
|
||||||
|
margin: 0;
|
||||||
|
color: $darkGray;
|
||||||
|
cursor: pointer;
|
||||||
|
font-family: $helveticaNeue;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 28px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-description {
|
||||||
|
margin: -5px 0 0 0;
|
||||||
|
color: $gray;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
@include mobile {
|
||||||
|
margin: 3px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 23px; // @TODO: Vertically middle align
|
||||||
|
font-family: $helveticaNeue;
|
||||||
|
font-size: 18px;
|
||||||
|
|
||||||
|
@include mobile {
|
||||||
|
float: none;
|
||||||
|
margin-top: 9px;
|
||||||
|
display: block;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
margin-left: 20px;
|
||||||
|
color: $darkGray;
|
||||||
|
text-align: right;
|
||||||
|
font-weight: 300;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
|
||||||
|
@include mobile {
|
||||||
|
margin: 0 10px;
|
||||||
|
color: $blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// .main
|
||||||
|
//
|
||||||
|
|
||||||
|
.posts > .post {
|
||||||
|
padding-bottom: 2em;
|
||||||
|
border-bottom: 1px solid $lightGray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts > .post:last-child {
|
||||||
|
padding-bottom: 1em;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post {
|
||||||
|
blockquote {
|
||||||
|
margin: 1.8em .8em;
|
||||||
|
border-left: 2px solid $gray;
|
||||||
|
padding: 0.1em 1em;
|
||||||
|
color: $gray;
|
||||||
|
font-size: 22px;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comments {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.read-more {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper-footer {
|
||||||
|
margin-top: 50px;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
background-color: $lightGray;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
padding: 20px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Settled on moving the import of syntax highlighting to the bottom of the CSS
|
||||||
|
// ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
|
||||||
|
@import "highlights";
|
||||||
|
@import "svg-icons";
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
---
|
|
||||||
# Only the main Sass file needs front matter (the dashes are enough)
|
|
||||||
---
|
|
||||||
@charset "utf-8";
|
|
||||||
|
|
||||||
// Our variables
|
|
||||||
$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
||||||
$base-font-size: 16px;
|
|
||||||
$base-font-weight: 400;
|
|
||||||
$small-font-size: $base-font-size * 0.875;
|
|
||||||
$base-line-height: 1.5;
|
|
||||||
|
|
||||||
$spacing-unit: 30px;
|
|
||||||
|
|
||||||
$text-color: #111;
|
|
||||||
$background-color: #fdfdfd;
|
|
||||||
$brand-color: #2a7ae2;
|
|
||||||
|
|
||||||
$grey-color: #828282;
|
|
||||||
$grey-color-light: lighten($grey-color, 40%);
|
|
||||||
$grey-color-dark: darken($grey-color, 25%);
|
|
||||||
|
|
||||||
// Width of the content area
|
|
||||||
$content-width: 800px;
|
|
||||||
|
|
||||||
$on-palm: 600px;
|
|
||||||
$on-laptop: 800px;
|
|
||||||
|
|
||||||
// Minima also includes a mixin for defining media queries.
|
|
||||||
// Use media queries like this:
|
|
||||||
// @include media-query($on-palm) {
|
|
||||||
// .wrapper {
|
|
||||||
// padding-right: $spacing-unit / 2;
|
|
||||||
// padding-left: $spacing-unit / 2;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
// Import partials from the `minima` theme.
|
|
||||||
@import "minima";
|
|
||||||
BIN
images/datacoop-logo.png
Normal file
BIN
images/datacoop-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
20
index.md
20
index.md
|
|
@ -1,6 +1,18 @@
|
||||||
---
|
---
|
||||||
# You don't need to edit this file, it's empty on purpose.
|
layout: page
|
||||||
# Edit theme's home layout instead if you wanna make some changes
|
|
||||||
# See: https://jekyllrb.com/docs/themes/#overriding-theme-defaults
|
|
||||||
layout: home
|
|
||||||
---
|
---
|
||||||
|
# Velkommen til data.coop
|
||||||
|
|
||||||
|
Vi er en forening som har formålet, at passe på medlemmernes data. Vores kerneprincipper er
|
||||||
|
|
||||||
|
- Privatlivsbeskyttelse
|
||||||
|
- Kryptering
|
||||||
|
- Decentralisering
|
||||||
|
- Zero-knowledge
|
||||||
|
|
||||||
|
Ud fra de kerneprincipper vil vi med tiden udbyde onlinetjenester til medlemmerne. Hovedtanken er,
|
||||||
|
at vi som udgangspunkt stoler mere på hinanden end på "de store" som f.eks. Google, Microsoft eller Facebook.
|
||||||
|
|
||||||
|
Foreningen holdt stiftende generalforsamling i 2014 og blev genstartet i 2016.
|
||||||
|
Foreningen arbejder nu på, at få gang i aktiviteterne. Inden længe vil du her på siden kunne læse om,
|
||||||
|
hvad du kan få ud af et medlemsskab samt detaljer om, hvordan du kan melde dig ind og være med til at opbygge noget fedt.
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue