mirror of https://codeberg.org/Sonoj/osamc.de
add first archive project as test
This commit is contained in:
Nils
parent
f58a7b4c69
commit
af6104727a
|
|
@ -0,0 +1,49 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="normalize.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="sakura.css" type="text/css">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||||
|
<title>Anleitung - OSAMC Slides</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<p><a href="index.html">Zurück</a></p>
|
||||||
|
|
||||||
|
<h1>Open Source Audio Meeting Cologne: Slides</h1>
|
||||||
|
|
||||||
|
<h2>Für OSAMC Mitglieder:</h2>
|
||||||
|
<p>Anleitung um eigene Präsentationen hochzuladen:</p>
|
||||||
|
|
||||||
|
<h3>Account anlegen</h3>
|
||||||
|
<p>Fordere einen Account an, indem du dich per FTP mit einem Projektnamen als Benutzer und deiner E-Mailadresse (OSAMC Liste) anmeldest:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Server: osamc.de (ohne "www", nur IPv4, die IP direkt geht nicht!) </li>
|
||||||
|
<li>Port: 50400</li>
|
||||||
|
<li>BN: projektname (nur a-z, A-Z und Zahlen. Keine Bindestriche oder Leerzeichen)</li>
|
||||||
|
<li>PW: deine@mail.de (falls in OSAMC Liste)</li>
|
||||||
|
</ul>
|
||||||
|
<p>Du bekommst nun alle Informationen inkl. deinem richtigen Passwort per E-Mail zugesendet</p>
|
||||||
|
<p>Man kann so viele Accounts anlegen, wie man braucht. Ein Benutzername pro Projekt.</p>
|
||||||
|
|
||||||
|
<h3>Einloggen, Hochladen, Metadaten</h3>
|
||||||
|
<p>Mit dem Projektnamen und dem Password, dass du per E-Mail bekommen hast, kannst du dich jetzt per FTP mit einem Client deiner Wahl verbinden (<b>passive Verbindungsart!</b>). FileZilla ist eine gute Wahl</p>
|
||||||
|
<p>Du verfügst bereits über eine Datei metadata.ini. Bitte nimm dir die Zeit diese auszufüllen. Damit wird diese Indexseite generiert und außerdem die zeitliche Zuordnung zu einem Treffen gewährleistet.</p>
|
||||||
|
<p>Du kannst aus Datenschutzgründen natürlich eine Pseudonym als Autor angeben.</p>
|
||||||
|
|
||||||
|
<h3>Templates / Vorlagen</h3>
|
||||||
|
<p>Der Server verfügt über ein Template Verzeichnis. Sie stehen zunächst im <a href="https://www.osamc.de/slides/demo/">Demo Projekt</a> zur Ansicht bereit.</p>
|
||||||
|
<p>Um sich die Templates herunterzuladen musst du dich als Benutzer <i>anonymous</i> einloggen. Das Passwort ist leer. Dieser Benutzer hat nur Leserechte, was aber ausreicht um ein oder mehrere Verzeichnisse auf deinen Computer herunterzuladen um sie als Startpunkt zu verwenden.</p>
|
||||||
|
<p>Suchst du dir z.B. das reveal.js template aus kannst du es lokal editieren und anschließen den gesamten INHALT dieses Verzeichnisses direkt hochladen, so dass dein FTP Verzeichnis jetzt z.B. so aussieht: <pre>metadata.ini, index.html, css/, js/, lib/, plugin/</pre></p>
|
||||||
|
|
||||||
|
|
||||||
|
<h3>Was kann ich machen, was kann ich nicht machen?</h3>
|
||||||
|
<p>Du kannst alle Dateien hochladen, die du möchtest, um sie auf unseren Treffen zu demonstrieren. Zwar ist hier überall von Präsentationen und Slides die Rede, aber genauso gut kannst du Bilder, Audio etc. hochladen.</p>
|
||||||
|
<p>Wenn man auf https://osamc.de/slides/TITEL geht guckt der Server zuerst nach einer <i>index.html</i> und dann nach <i>index.pdf</i> als Startpunkt.</p>
|
||||||
|
<p>Technisch unmöglich ist es Programme auszuführen: php, python, ruby, alle Arten von CGI etc. sind geperrt. (bzw. alles außer der folgende Whitelist ist verboten).</p>
|
||||||
|
<p>Dateiformate und Endungen, die der Server direkt versteht (als Mimetyp kennt): <pre>html, txt, jpg, png, gif, pdf, js, css, svg, mp3, ogg, opus, flac, wav</pre> Alles weitere wird zum Download angeboten (z.B. zip)</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,78 @@
|
||||||
|
body {
|
||||||
|
background-color: #F2F2F2;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-family: Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 14pt;
|
||||||
|
color: #324A61;
|
||||||
|
padding-left: 25px;
|
||||||
|
padding-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
font-family: Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 10pt;
|
||||||
|
color: #68798E;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:hover {
|
||||||
|
background: #F8F8F8;
|
||||||
|
}
|
||||||
|
|
||||||
|
th.n, th.m, th.t, th.s {
|
||||||
|
padding: 10px;
|
||||||
|
font-family: Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.n, td.m, td.t, td.s {
|
||||||
|
padding: 10px;
|
||||||
|
font-family: Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 10pt;
|
||||||
|
border-bottom: 1px solid #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.n {
|
||||||
|
color: #53B1EB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m, .t, .s {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #53B1EB;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #458BB6;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: #53B1EB;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.foot {
|
||||||
|
font-family: Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 9pt;
|
||||||
|
color: #999;
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-left: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.list {
|
||||||
|
background-color: white;
|
||||||
|
padding: 15px;
|
||||||
|
background: #fff;
|
||||||
|
padding-bottom: 35px;
|
||||||
|
box-shadow: 2px 2px 3px #CCC;
|
||||||
|
border: 1px solid #EEE;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,206 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="normalize.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="sakura.css" type="text/css">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||||
|
<title>OSAMC Archiv</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1>Open Source Audio Meeting Cologne: Archiv</h1>
|
||||||
|
<p><a href="anleitung.html">Anleitung für OSAMC Mitglieder</a></p>
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2023-08</small><br><a href="jtsoftarch">Untersuchung von Software-Architekturen – Eine Fallstudie zu häufigen Gründen für Architektur-Erosion in Open Source Software aus dem akademischen Umfeld</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Sven Thielen, CC BY-NC-SA</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/jtsoftarch">https://www.osamc.de/archiv/jtsoftarch</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2023-07</small><br><a href="bleaudio">Bluetooth Low Energy Audio - Harald kannst du mich hören???</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Marius, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/bleaudio">https://www.osamc.de/archiv/bleaudio</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2023-06</small><br><a href="pianotrainer">Piano-Trainer</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>nils, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/pianotrainer">https://www.osamc.de/archiv/pianotrainer</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2022-07-20</small><br><a href="gatedreverbdrums">Gated Reverb Drums</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Christopher Arndt, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/gatedreverbdrums">https://www.osamc.de/archiv/gatedreverbdrums</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2021-08</small><br><a href="wifi5iempi">Wi-Fi IEM Pi – WLAN In-Ear Monitoring mit Raspberry Pi und Freier Software</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Sven Thielen, CC BY-NC-SA</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/wifi5iempi">https://www.osamc.de/archiv/wifi5iempi</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2021-03</small><br><a href="2021kreiskomposition2">Kreiskompositions-Projekt II</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>OSAMC, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/2021kreiskomposition2">https://www.osamc.de/archiv/2021kreiskomposition2</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2021-01</small><br><a href="2021kreiskomposition">Kreiskompositions-Projekt</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>OSAMC, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/2021kreiskomposition">https://www.osamc.de/archiv/2021kreiskomposition</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2020-11</small><br><a href="wifi5iem">In-Ear Monitoring über WLAN – Eine Analyse zur Realisierbarkeit mit Freier Software</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Sven Thielen, CC BY-NC-SA</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/wifi5iem">https://www.osamc.de/archiv/wifi5iem</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2020-11</small><br><a href="avb">Audio over Ethernet: AVB/TSN</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Florian "Florob" Zeitz, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/avb">https://www.osamc.de/archiv/avb</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2019-11</small><br><a href="ardourscripting">Ardour Scripting 101</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Daniel Appelt, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/ardourscripting">https://www.osamc.de/archiv/ardourscripting</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2019-07</small><br><a href="abcnotation">Praktisches Arbeiten mit der ABC Notation</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Christopher Arndt, CC-by</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/abcnotation">https://www.osamc.de/archiv/abcnotation</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2019-06</small><br><a href="fuenfjahre">Fünf Jahre OSAMC</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>nils, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/fuenfjahre">https://www.osamc.de/archiv/fuenfjahre</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2019-05</small><br><a href="orchester">Orchesterpartituren Lesen und Mitverfolgen</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Nils, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/orchester">https://www.osamc.de/archiv/orchester</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2018-08-15</small><br><a href="fmsynths">Open Source FM Software Synthesizer</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Christopher Arndt, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/fmsynths">https://www.osamc.de/archiv/fmsynths</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2018-06</small><br><a href="sfxr">sfxr Random Sound Generator</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>nils, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/sfxr">https://www.osamc.de/archiv/sfxr</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2018-05-16</small><br><a href="norns">norns (linux-powered open-source sound computer) - voraussichtliches Erscheinungsdatum: 1. September 2018</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Markus, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/norns">https://www.osamc.de/archiv/norns</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2018-05-16</small><br><a href="mcgv">mcgv-0.01 (monome controlled generative visuals) - In Processing geschriebenes, interaktives Animations-Übungsprojekt. (work-in-progress)</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Markus, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/mcgv">https://www.osamc.de/archiv/mcgv</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2018-05</small><br><a href="cracklebox">Die Crackle Box - intuitiv bedienbarer Klein-Synthesizer mit unvorhersehbarem klanglichem Ergebnis</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Georg Berger, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/cracklebox">https://www.osamc.de/archiv/cracklebox</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2018-04</small><br><a href="speedcompositionapril2018">Speed Composition Event April 2018</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>OSAMC, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/speedcompositionapril2018">https://www.osamc.de/archiv/speedcompositionapril2018</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2018-03</small><br><a href="nonsessionmanager">Non Session Manager</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Nils, CC-by-sa</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/nonsessionmanager">https://www.osamc.de/archiv/nonsessionmanager</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h4><small>2018-02</small><br><a href="demo">Demo-Projekt mit Templates ツ</a></h4>
|
||||||
|
<ul>
|
||||||
|
<li>Demona Demonsdottir, CC-by</li>
|
||||||
|
<li>Permalink: <a href="https://www.osamc.de/archiv/demo">https://www.osamc.de/archiv/demo</a></li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
[Meta]
|
||||||
|
#YYYY-MM
|
||||||
|
Date = 2018-05
|
||||||
|
|
||||||
|
#e.g. CC-by-sa, CC-by, All Rights Reserved
|
||||||
|
License = CC-by-sa
|
||||||
|
PrettyName = Guter Titel und eine kleine Beschreibung (60-80 Zeichen)
|
||||||
|
Author = Name/Pseudonym
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,427 @@
|
||||||
|
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
|
/* Document
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the line height in all browsers.
|
||||||
|
* 2. Prevent adjustments of font size after orientation changes in
|
||||||
|
* IE on Windows Phone and in iOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
-ms-text-size-adjust: 100%; /* 2 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sections
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
article,
|
||||||
|
aside,
|
||||||
|
footer,
|
||||||
|
header,
|
||||||
|
nav,
|
||||||
|
section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
margin: 0.67em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grouping content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
* 1. Add the correct display in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
figcaption,
|
||||||
|
figure,
|
||||||
|
main { /* 1 */
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct margin in IE 8.
|
||||||
|
*/
|
||||||
|
|
||||||
|
figure {
|
||||||
|
margin: 1em 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in Firefox.
|
||||||
|
* 2. Show the overflow in Edge and IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
hr {
|
||||||
|
box-sizing: content-box; /* 1 */
|
||||||
|
height: 0; /* 1 */
|
||||||
|
overflow: visible; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text-level semantics
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the gray background on active links in IE 10.
|
||||||
|
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-color: transparent; /* 1 */
|
||||||
|
-webkit-text-decoration-skip: objects; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
||||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
abbr[title] {
|
||||||
|
border-bottom: none; /* 1 */
|
||||||
|
text-decoration: underline; /* 2 */
|
||||||
|
text-decoration: underline dotted; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font style in Android 4.3-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
dfn {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct background and color in IE 9-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
mark {
|
||||||
|
background-color: #ff0;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
|
* all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Embedded content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in iOS 4-7.
|
||||||
|
*/
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the border on images inside links in IE 10-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Hide the overflow in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the margin in Firefox and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Show the overflow in IE.
|
||||||
|
* 1. Show the overflow in Edge.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input { /* 1 */
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select { /* 1 */
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||||
|
* controls in Android 4.
|
||||||
|
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
html [type="button"], /* 1 */
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner border and padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
border-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button:-moz-focusring,
|
||||||
|
[type="button"]:-moz-focusring,
|
||||||
|
[type="reset"]:-moz-focusring,
|
||||||
|
[type="submit"]:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
|
* `fieldset` elements in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
color: inherit; /* 2 */
|
||||||
|
display: table; /* 1 */
|
||||||
|
max-width: 100%; /* 1 */
|
||||||
|
padding: 0; /* 3 */
|
||||||
|
white-space: normal; /* 1 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct display in IE 9-.
|
||||||
|
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
progress {
|
||||||
|
display: inline-block; /* 1 */
|
||||||
|
vertical-align: baseline; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the default vertical scrollbar in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in IE 10-.
|
||||||
|
* 2. Remove the padding in IE 10-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="checkbox"],
|
||||||
|
[type="radio"] {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
padding: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
* 2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
outline-offset: -2px; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"]::-webkit-search-cancel-button,
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
-webkit-appearance: button; /* 1 */
|
||||||
|
font: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interactive
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
details, /* 1 */
|
||||||
|
menu {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scripting
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
canvas {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
template {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hidden
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,165 @@
|
||||||
|
/* Sakura.css v1.0.0
|
||||||
|
* ================
|
||||||
|
* Minimal css theme.
|
||||||
|
* Project: https://github.com/oxalorg/sakura
|
||||||
|
*/
|
||||||
|
/* Body */
|
||||||
|
html {
|
||||||
|
font-size: 62.5%;
|
||||||
|
font-family: serif; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-size: 1.8rem;
|
||||||
|
line-height: 1.618;
|
||||||
|
max-width: 38em;
|
||||||
|
margin: auto;
|
||||||
|
color: #4a4a4a;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding: 13px; }
|
||||||
|
|
||||||
|
@media (max-width: 684px) {
|
||||||
|
body {
|
||||||
|
font-size: 1.53rem; } }
|
||||||
|
|
||||||
|
@media (max-width: 382px) {
|
||||||
|
body {
|
||||||
|
font-size: 1.35rem; } }
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
line-height: 1.1;
|
||||||
|
font-family: Verdana, Geneva, sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
word-wrap: break-word;
|
||||||
|
-ms-word-break: break-all;
|
||||||
|
word-break: break-word;
|
||||||
|
-ms-hyphens: auto;
|
||||||
|
-moz-hyphens: auto;
|
||||||
|
-webkit-hyphens: auto;
|
||||||
|
hyphens: auto; }
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2.35em; }
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 2.00em; }
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.75em; }
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 1.5em; }
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 1.25em; }
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-size: 1em; }
|
||||||
|
|
||||||
|
small, sub, sup {
|
||||||
|
font-size: 75%; }
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border-color: #2c8898; }
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #2c8898; }
|
||||||
|
a:hover {
|
||||||
|
color: #982c61;
|
||||||
|
border-bottom: 2px solid #4a4a4a; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
padding-left: 1.4em; }
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin-bottom: 0.4em; }
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
font-style: italic;
|
||||||
|
margin-left: 1.5em;
|
||||||
|
padding-left: 1em;
|
||||||
|
border-left: 3px solid #2c8898; }
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%; }
|
||||||
|
|
||||||
|
/* Pre and Code */
|
||||||
|
pre {
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
display: block;
|
||||||
|
padding: 1em;
|
||||||
|
overflow-x: auto; }
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-size: 0.9em;
|
||||||
|
padding: 0 0.5em;
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
white-space: pre-wrap; }
|
||||||
|
|
||||||
|
pre > code {
|
||||||
|
padding: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
white-space: pre; }
|
||||||
|
|
||||||
|
/* Tables */
|
||||||
|
table {
|
||||||
|
text-align: justify;
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse; }
|
||||||
|
|
||||||
|
td, th {
|
||||||
|
padding: 0.5em;
|
||||||
|
border-bottom: 1px solid #f1f1f1; }
|
||||||
|
|
||||||
|
/* Buttons, forms and input */
|
||||||
|
input, textarea {
|
||||||
|
border: 1px solid #4a4a4a; }
|
||||||
|
input:focus, textarea:focus {
|
||||||
|
border: 1px solid #2c8898; }
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 5px 10px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
background-color: #2c8898;
|
||||||
|
color: #f9f9f9;
|
||||||
|
border-radius: 1px;
|
||||||
|
border: 1px solid #2c8898;
|
||||||
|
cursor: pointer;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.button[disabled], button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] {
|
||||||
|
cursor: default;
|
||||||
|
opacity: .5; }
|
||||||
|
.button:focus, .button:hover, button:focus, button:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:focus, input[type="button"]:hover {
|
||||||
|
background-color: #982c61;
|
||||||
|
border-color: #982c61;
|
||||||
|
color: #f9f9f9;
|
||||||
|
outline: 0; }
|
||||||
|
|
||||||
|
textarea, select, input[type] {
|
||||||
|
color: #4a4a4a;
|
||||||
|
padding: 6px 10px;
|
||||||
|
/* The 6px vertically centers text on FF, ignored by Webkit */
|
||||||
|
margin-bottom: 10px;
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
border: 1px solid #f1f1f1;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: none;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
textarea:focus, select:focus, input[type]:focus {
|
||||||
|
border: 1px solid #2c8898;
|
||||||
|
outline: 0; }
|
||||||
|
|
||||||
|
input[type="checkbox"]:focus {
|
||||||
|
outline: 1px dotted #2c8898; }
|
||||||
|
|
||||||
|
label, legend, fieldset {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
font-weight: 600; }
|
||||||
Loading…
Reference in New Issue