Browse Source

First website draft

thezero 2 years ago
commit
1deb25e87c
19 changed files with 808 additions and 0 deletions
  1. 19 0
      .gitignore
  2. 11 0
      _config.yml
  3. 38 0
      _layouts/default.html
  4. 11 0
      _layouts/post.html
  5. 6 0
      _posts/2019-07-06-welcome.md
  6. 17 0
      archivio.html
  7. 17 0
      associazione.html
  8. 604 0
      css/style.css
  9. 17 0
      donazioni.html
  10. BIN
      favicon-256x256.png
  11. BIN
      favicon-64x64.png
  12. BIN
      favicon.ico
  13. BIN
      imgs/logo-big.png
  14. BIN
      imgs/logo-small.png
  15. BIN
      imgs/logo.png
  16. 11 0
      imgs/logo.svg
  17. 23 0
      index.html
  18. 17 0
      partecipa.html
  19. 17 0
      tor-exit-notice.html

+ 19 - 0
.gitignore

@@ -0,0 +1,19 @@
+Gemfile.lock
+test/dest
+*.gem
+pkg/
+*.swp
+*~
+_site/
+.bundle/
+.DS_Store
+bbin/
+gh-pages/
+site/_site/
+coverage
+.ruby-version
+.ruby-gemset
+.sass-cache
+tmp/*
+.jekyll-metadata
+/vendor

+ 11 - 0
_config.yml

@@ -0,0 +1,11 @@
+# Site settings
+title: "Tropea"
+baseurl: ""
+url: "https://tropea.org"
+domain: "tropea.org"
+twitter: "tropeaitalia"
+torfamily: "CE65299CA61BAF11BBD75CD0B7D700EB96008E09"
+
+# Build settings
+markdown: kramdown
+permalink: /:year/:month/:title

+ 38 - 0
_layouts/default.html

@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+
+    <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+    <meta property="og:title" content="{{ site.title }}" />
+    <meta property="og:locale" content="it_IT" />
+    <link rel="canonical" href="{{ site.url }}" />
+    <meta property="og:url" content="{{ site.url }}" />
+    <meta property="og:site_name" content="{{ site.domain }}" />
+
+    <link rel="stylesheet" href="/css/style.css">
+    <meta name="viewport" content="width=device-width">
+  </head>
+  <body>
+    <div class="wrapper">
+      <header>
+        <h1><a href="/"><img class="logo" src="/imgs/logo.svg"/></a></h1>
+        <p><a href="/archivio">Comunicati</a></p>
+        <p><a href="/associazione">L'Associazione</a></p>
+        <p><a href="/partecipa">Partecipa!</a></p>
+        <p><a href="/donazioni">Donazioni</a></p>
+        <p><a href="/tor-exit-notice">"Questo e' un Exit Node"</a></p>
+        <p>&nbsp;</p>
+        <p class="view"><a href="https://metrics.torproject.org/rs.html#search/family:{{ site.torfamily }}">Visita la pagina Tor Metrics</a></p>
+        <p class="view"><a href="https://twitter.com/{{ site.twitter }}">Visita il profilo Twitter</a></p>
+      </header>
+      <section>
+        {{ content }}
+      </section>
+      <footer>        
+        <p><small>&copy; {{ site.time | date: "%Y" }} Tropea Italia</small></p>
+      </footer>
+    </div>
+  </body>
+</html>

+ 11 - 0
_layouts/post.html

@@ -0,0 +1,11 @@
+---
+layout: default
+---
+
+<div class="post">
+  <div class="post-head">
+    <h2 class="post-title">{{ page.title }}</h2>
+    <span class="post-date">{{ page.date | date: "%b %-d, %Y" }}</span>
+  </div>
+  {{ content }}
+</div>

+ 6 - 0
_posts/2019-07-06-welcome.md

@@ -0,0 +1,6 @@
+---
+layout: post
+title: "Parte Tropea Italia"
+---
+
+Si parte!

+ 17 - 0
archivio.html

@@ -0,0 +1,17 @@
+---
+layout: default
+title: Archivio
+permalink: /archivio/
+---
+
+<div class="archive">
+  <h1>{{ page.title }}</h1>
+  <ul class="post-list">
+    {% for post in site.posts %}
+      <li class="post-meta">
+        <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+        <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
+      </li>
+    {% endfor %}
+  </ul>
+</div>

+ 17 - 0
associazione.html

@@ -0,0 +1,17 @@
+---
+layout: default
+title: L'Associazione
+permalink: /associazione/
+---
+
+<div class="archive">
+  <h1>{{ page.title }}</h1>
+  <ul class="post-list">
+    {% for post in site.posts %}
+      <li class="post-meta">
+        <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+        <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
+      </li>
+    {% endfor %}
+  </ul>
+</div>

+ 604 - 0
css/style.css

@@ -0,0 +1,604 @@
+@font-face {
+  font-family: 'Noto Sans';
+  font-weight: 400;
+  font-style: normal;
+  src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot");
+  src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix") format("embedded-opentype"),local("Noto Sans"),local("Noto-Sans-regular"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2") format("woff2"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff") format("woff"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf") format("truetype"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans") format("svg");
+}
+
+@font-face {
+  font-family:'Noto Sans';font-weight:700;font-style:normal;src:url("../fonts/Noto-Sans-700/Noto-Sans-700.eot");src:url("../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix") format("embedded-opentype"),local("Noto Sans Bold"),local("Noto-Sans-700"),url("../fonts/Noto-Sans-700/Noto-Sans-700.woff2") format("woff2"),url("../fonts/Noto-Sans-700/Noto-Sans-700.woff") format("woff"),url("../fonts/Noto-Sans-700/Noto-Sans-700.ttf") format("truetype"),url("../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans") format("svg");
+}
+
+@font-face {
+  font-family:'Noto Sans';font-weight:400;font-style:italic;src:url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot");src:url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix") format("embedded-opentype"),local("Noto Sans Italic"),local("Noto-Sans-italic"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2") format("woff2"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff") format("woff"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf") format("truetype"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans") format("svg");
+}
+
+@font-face {
+  font-family:'Noto Sans';font-weight:700;font-style:italic;src:url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot");src:url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix") format("embedded-opentype"),local("Noto Sans Bold Italic"),local("Noto-Sans-700italic"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2") format("woff2"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff") format("woff"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf") format("truetype"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans") format("svg");
+}
+
+.highlight table td {
+  padding: 5px;
+}
+
+.highlight table pre {
+  margin: 0;
+}
+
+.highlight .cm {
+  color: #999988;
+  font-style: italic;
+}
+
+.highlight .cp {
+  color: #999999;
+  font-weight: bold;
+}
+
+.highlight .c1 {
+  color: #999988;
+  font-style: italic;
+}
+
+.highlight .cs {
+  color: #999999;
+  font-weight: bold;
+  font-style: italic;
+}
+
+.highlight .c,.highlight .cd {
+  color: #999988;
+  font-style: italic;
+}
+
+.highlight .err {
+  color: #a61717;
+  background-color: #e3d2d2;
+}
+
+.highlight .gd {
+  color: #000000;
+  background-color: #ffdddd;
+}
+
+.highlight .ge {
+  color: #000000;
+  font-style: italic;
+}
+
+.highlight .gr {
+  color: #aa0000;
+}
+
+.highlight .gh {
+  color: #999999;
+}
+
+.highlight .gi {
+  color: #000000;
+  background-color: #ddffdd;
+}
+
+.highlight .go {
+  color: #888888;
+}
+
+.highlight .gp {
+  color: #555555;
+}
+
+.highlight .gs {
+  font-weight: bold;
+}
+
+.highlight .gu {
+  color: #aaaaaa;
+}
+
+.highlight .gt {
+  color: #aa0000;
+}
+
+.highlight .kc {
+  color: #000000;
+  font-weight: bold;
+}
+
+.highlight .kd {
+  color: #000000;
+  font-weight: bold;
+}
+
+.highlight .kn {
+  color: #000000;
+  font-weight: bold;
+}
+
+.highlight .kp {
+  color: #000000;
+  font-weight: bold;
+}
+
+.highlight .kr {
+  color: #000000;
+  font-weight: bold;
+}
+
+.highlight .kt {
+  color: #445588;
+  font-weight: bold;
+}
+
+.highlight .k,.highlight .kv {
+  color: #000000;
+  font-weight: bold;
+}
+
+.highlight .mf {
+  color: #009999;
+}
+
+.highlight .mh {
+  color: #009999;
+}
+
+.highlight .il {
+  color: #009999;
+}
+
+.highlight .mi {
+  color: #009999;
+}
+
+.highlight .mo {
+  color: #009999;
+}
+
+.highlight .m,.highlight .mb,.highlight .mx {
+  color: #009999;
+}
+
+.highlight .sb {
+  color: #d14;
+}
+
+.highlight .sc {
+  color: #d14;
+}
+
+.highlight .sd {
+  color: #d14;
+}
+
+.highlight .s2 {
+  color: #d14;
+}
+
+.highlight .se {
+  color: #d14;
+}
+
+.highlight .sh {
+  color: #d14;
+}
+
+.highlight .si {
+  color: #d14;
+}
+
+.highlight .sx {
+  color: #d14;
+}
+
+.highlight .sr {
+  color: #009926;
+}
+
+.highlight .s1 {
+  color: #d14;
+}
+
+.highlight .ss {
+  color: #990073;
+}
+
+.highlight .s {
+  color: #d14;
+}
+
+.highlight .na {
+  color: #008080;
+}
+
+.highlight .bp {
+  color: #999999;
+}
+
+.highlight .nb {
+  color: #0086B3;
+}
+
+.highlight .nc {
+  color: #445588;
+  font-weight: bold;
+}
+
+.highlight .no {
+  color: #008080;
+}
+
+.highlight .nd {
+  color: #3c5d5d;
+  font-weight: bold;
+}
+
+.highlight .ni {
+  color: #800080;
+}
+
+.highlight .ne {
+  color: #990000;
+  font-weight: bold;
+}
+
+.highlight .nf {
+  color: #990000;
+  font-weight: bold;
+}
+
+.highlight .nl {
+  color: #990000;
+  font-weight: bold;
+}
+
+.highlight .nn {
+  color: #555555;
+}
+
+.highlight .nt {
+  color: #000080;
+}
+
+.highlight .vc {
+  color: #008080;
+}
+
+.highlight .vg {
+  color: #008080;
+}
+
+.highlight .vi {
+  color: #008080;
+}
+
+.highlight .nv {
+  color: #008080;
+}
+
+.highlight .ow {
+  color: #000000;
+  font-weight: bold;
+}
+
+.highlight .o {
+  color: #000000;
+  font-weight: bold;
+}
+
+.highlight .w {
+  color: #bbbbbb;
+}
+
+.highlight {
+  background-color: #f8f8f8;
+}
+
+body {
+  background-color: #fff;
+  padding: 50px;
+  font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #727272;
+  font-weight: 400;
+}
+
+h1,h2,h3,h4,h5,h6 {
+  color: #222;
+  margin: 0 0 20px;
+}
+
+p,ul,ol,table,pre,dl {
+  margin: 0 0 5px;
+}
+
+h1,h2,h3 {
+  line-height: 1.1;
+}
+
+h1 {
+  font-size: 28px;
+}
+
+h2 {
+  color: #393939;
+}
+
+h3,h4,h5,h6 {
+  color: #494949;
+}
+
+a {
+  color: #ad22ad;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+a:hover,a:focus {
+  color: #b42bef;
+  text-decoration:underline;
+}
+
+a small {
+  font-size: 11px;
+  color: #777;
+  margin-top: -0.3em;
+  display: block;
+}
+
+a:hover small {
+  color: #777;
+}
+
+.wrapper {
+  width: 1080px;
+  margin: 0 auto;
+}
+
+blockquote {
+  border-left: 1px solid #e5e5e5;
+  margin: 0;
+  padding: 0 0 0 20px;
+  font-style: italic;
+}
+
+code,pre {
+  font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
+  color: #333;
+  font-size: 12px;
+}
+
+pre {
+  padding: 8px 15px;
+  background: #f8f8f8;
+  border-radius: 5px;
+  border: 1px solid #e5e5e5;
+  overflow-x: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+th,td {
+  text-align: left;
+  padding: 5px 10px;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+dt {
+  color: #444;
+  font-weight: 700;
+}
+
+th {
+  color: #444;
+}
+
+img {
+  max-width: 100%;
+}
+
+header {
+  width: 270px;
+  float: left;
+  position: fixed;
+  -webkit-font-smoothing: subpixel-antialiased;
+}
+
+header ul {
+  list-style: none;
+  height: 40px;
+  padding: 0;
+  background: #f4f4f4;
+  border-radius: 5px;
+  border: 1px solid #e0e0e0;
+  width: 270px;
+}
+
+header li {
+  width: 89px;
+  float: left;
+  border-right: 1px solid #e0e0e0;
+  height: 40px;
+}
+
+header li:first-child a {
+  border-radius: 5px 0 0 5px;
+}
+
+header li:last-child a {
+  border-radius: 0 5px 5px 0;
+}
+
+header ul a {
+  line-height: 1;
+  font-size: 11px;
+  color: #676767;
+  display: block;
+  text-align: center;
+  padding-top: 6px;
+  height: 34px;
+}
+
+header ul a:hover,header ul a:focus {
+  color: #675C5C;
+  font-weight: bold;
+}
+
+header ul a:active {
+  background-color: #f0f0f0;
+}
+
+strong {
+  color: #222;
+  font-weight: 700;
+}
+
+header ul li+li+li {
+  border-right: none;
+  width: 89px;
+}
+
+header ul a strong {
+  font-size: 14px;
+  display: block;
+  color: #222;
+}
+
+header .logo {
+  width: 200px;
+}
+
+section {
+  width: 760px;
+  float: right;
+  padding-bottom: 50px;
+}
+
+small {
+  font-size: 11px;
+}
+
+hr {
+  border: 0;
+  background: #e5e5e5;
+  height: 1px;
+  margin: 0 0 20px;
+}
+
+footer {
+  width: 270px;
+  float: left;
+  position: fixed;
+  bottom: 50px;
+  -webkit-font-smoothing: subpixel-antialiased;
+}
+
+.post-list {
+  list-style-type: none;
+}
+
+.post-list .post-meta > a {
+  font-weight: bold;
+}
+
+.post-title {
+  font-size: 17pt;
+  font-weight: bold;
+  margin-bottom: 0;
+}
+
+.post-meta .post-date {
+  margin-left: 15px;
+}
+
+.post .post-head {
+  margin-bottom: 20px;
+}
+
+.quote {
+  border-style: dashed;
+  border-width: 2px;
+  padding: 5px;
+  border-color: purple;
+}
+
+.description .quote {
+  background: #ab22ab30;
+  color: #555;
+}
+
+@media print, screen and (max-width: 960px) {
+  div.wrapper {
+    width: auto;
+    margin: 0;
+  }
+
+  header,section,footer {
+    float: none;
+    position: static;
+    width: auto;
+  }
+
+  header {
+    padding-right: 320px;
+  }
+
+  section {
+    border: 1px solid #e5e5e5;
+    border-width: 1px 0;
+    padding: 20px 0;
+    margin: 0 0 20px;
+  }
+
+  header a small {
+    display: inline;
+  }
+
+  header ul {
+    position: absolute;
+    right: 50px;
+    top: 52px;
+  }
+}
+
+@media print, screen and (max-width: 720px) {
+  body {
+    word-wrap: break-word;
+  }
+
+  header {
+    padding: 0;
+  }
+
+  header ul,header p.view {
+    position: static;
+  }
+
+  pre,code {
+    word-wrap: normal;
+  }
+}
+
+@media print, screen and (max-width: 480px) {
+  body {
+    padding: 15px;
+  }
+
+  header ul {
+    width: 99%;
+  }
+
+  header li,header ul li+li+li {
+    width: 33%;
+  }
+}
+
+@media print {
+  body {
+    padding: 0.4in;
+    font-size: 12pt;
+    color: #444;
+  }
+}

+ 17 - 0
donazioni.html

@@ -0,0 +1,17 @@
+---
+layout: default
+title: Donazioni
+permalink: /donazioni/
+---
+
+<div class="archive">
+  <h1>{{ page.title }}</h1>
+  <ul class="post-list">
+    {% for post in site.posts %}
+      <li class="post-meta">
+        <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+        <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
+      </li>
+    {% endfor %}
+  </ul>
+</div>

BIN
favicon-256x256.png


BIN
favicon-64x64.png


BIN
favicon.ico


BIN
imgs/logo-big.png


BIN
imgs/logo-small.png


BIN
imgs/logo.png


+ 11 - 0
imgs/logo.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="528" height="528" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#F3E5F5" d="M29,3c0,9,9,10,8.5,21c-0.339,7.448-6.044,13.5-13.5,13.5S10.339,31.448,10,24c-0.5-11,9-12,9-21"/>
+<path fill="none" stroke="#9C27B0" stroke-width="2" d="M29,3c0,9,9,10,9,21c0,7.731-6.269,14-14,14s-14-6.269-14-14c0-11,9-12,9-21  "/>
+<g>
+	<path fill="none" stroke="#E1BEE7" stroke-width="2" d="M27,3c0,14.036,7,14,7,23c0,5.523-4.478,10-10,10s-10-4.477-10-10   c0-9,7-9,7-23"/>
+	<path fill="none" stroke="#E1BEE7" stroke-width="2" d="M25,3c0,14,5,20,5,25c0,3.313-2.687,6-6,6s-6-2.687-6-6s4.866-11,5-25"/>
+	<path fill="#E1BEE7" d="M21,30c0-1.656,3-13,3-13s3,11.344,3,13s-1.343,3-3,3S21,31.656,21,30z"/>
+</g>
+<path fill="#AB47BC" d="M22,31c0-1.104,2-7,2-7s2,5.896,2,7s-0.896,2-2,2S22,32.104,22,31z"/>
+<path fill="#5D4037" d="M26.924,36.656C25.982,36.874,25.007,37,24,37s-1.982-0.126-2.924-0.344L19,42l2.74-3.186L21,44l2.239-5.085  L24,45l0.761-6.085L27,44l-0.74-5.186L29,42L26.924,36.656z"/>
+</svg>

+ 23 - 0
index.html

@@ -0,0 +1,23 @@
+---
+layout: default
+---
+
+<div class="description">
+	<h1>Tropea Italia</h1>
+	<p class="quote">
+		 "Everyone has the right to freedom of opinion and expression; this right includes freedom to hold opinions without interference and to seek, receive and impart information and ideas through any media and regardless of frontiers."<br/>
+		 (Art. 19, <a href="http://en.wikipedia.org/wiki/Universal_Declaration_of_Human_Rights#Human_rights_set_out_in_the_Declaration">Universal Declaration of Human Rights</a>, 1948) 
+	</p>
+	<p style="margin-bottom: 40px"></p>
+</div>
+
+{% for post in site.posts %}
+  <div class="post-meta">
+    <p class="post-head">
+        <a class="post-link post-title" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+        <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
+    </p>
+    {{ post.excerpt }}
+    <hr/>
+  </div>
+{% endfor %}

+ 17 - 0
partecipa.html

@@ -0,0 +1,17 @@
+---
+layout: default
+title: Partecipa
+permalink: /partecipa/
+---
+
+<div class="archive">
+  <h1>{{ page.title }}</h1>
+  <ul class="post-list">
+    {% for post in site.posts %}
+      <li class="post-meta">
+        <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+        <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
+      </li>
+    {% endfor %}
+  </ul>
+</div>

+ 17 - 0
tor-exit-notice.html

@@ -0,0 +1,17 @@
+---
+layout: default
+title: "Questo e' un nodo Tor"
+permalink: /tor-exit-notice/
+---
+
+<div class="archive">
+  <h1>{{ page.title }}</h1>
+  <ul class="post-list">
+    {% for post in site.posts %}
+      <li class="post-meta">
+        <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+        <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
+      </li>
+    {% endfor %}
+  </ul>
+</div>