add first kreiskomposition

archiv/2021kreiskomposition/README.txt

@@ -0,0 +1,121 @@
+<p><b>English translations are added as <small>small</small> text below each paragraph.</b></p>
+
+<p>
+    Vom 22. Januar 2021 bis 5. Februar 2021 haben wir zu fünft 5 Stücke produziert.
+    Alle hatten je drei Tage Zeit eine vorgegebene "Schicht" (z.B. Bass oder Schlagzeug) zu produzieren,
+    dann wurden die Ergebnisse in einer festen Reihenfolge weitergereicht und man bekam von jemand anderem
+    ein Zwischenergebnis, um damit den nächsten Schritt zu machen.
+        <p><small>
+        From January 22, 2021 to February 5, 2021, five of us produced 5 musical
+        pieces. Each of us had three days to produce a given "layer" (e.g.
+        bass or drums), then the results were passed on to the next person in a
+        fixed order and everyone got an intermediate result from the person
+        before him to base the next step on.
+        </small></p>
+</p>
+<p>
+    Es wurde sich darauf geeinigt die Projekte jeweils als Ardour(-session-archiv) (48kHz 32bit Float)
+    weiterzugeben und nur fertige Audiospuren weiterzugeben, bzw. Zwischenschritte wie MIDI-Tracks oder
+    Plugins in einer Extraspur zu behalten und diese stummzuschalten, oder zu verstecken.
+    <br>
+    Es gab keine musikalischen Vorgaben.
+        <p><small>
+        It was agreed to pass on the projects as Ardour(-session-archive) files
+        (48kHz 32bit float) and to pass on only finished audio tracks, or to
+        keep intermediate steps like MIDI tracks or plugins in an extra track
+        and to mute or hide them. There were no musical guidelines.
+        </small></p>
+</p>
+<p>
+    Am Ende entstanden also 5 Stücke von jeweils fünf Personen in unterschiedlichen Rollen.
+        <p><small>
+        So in the end, 5 pieces were created, each by five people in different
+        roles.
+        </small></p>
+</p>
+
+<h2>Ablauf</h2>
+
+<ul>
+    <li>22.1-24.1 Bass</li>
+    <li>25.1-27.1 Schlagzeug</li>
+    <li>28.1-30.1 Akkorde / Pads etc. (Flächensounds, Begleitung...)</li>
+    <li>31.1-02.1 Melodie / Solo</li>
+    <li>03.2-05.2 Titel, Mix, Effekte, Kleinigkeiten</li>
+</ul>
+
+<small>
+<h2>Schedule</h2>
+<ul>
+<li>22.1 - 24.1 Bass</li>
+<li>25.1 - 27.1 Drums</li>
+<li>28.1 - 30.1 Chords / Pads etc. (pad sounds, accompaniment...)</li>
+<li>31.1 - 02.1 Melody / Solo</li>
+<li>03.2 - 05.2 Title, Mix, Effects, Minor tweaks</li>
+</ul>
+</small>
+
+
+
+<h2>Stücke und Musiker</h2>
+<p>
+    Alle Stücke sind unter Creative Commons CC-By-SA lizensiert.<br>
+    Die Urheberangabe ist mit der URL https://www.osamc.de/archiv/2021kreiskomposition/ umzusetzen.
+</p>
+<p>Die Ardour Sessions befinden sich <a href="sessions/">hier zum Download</a><p>
+
+<small>
+<h2>Tracks and Musicians / Composers</h2>
+<p>
+    All tracks are published under the Creative Commons CC-By-SA license.<br>
+    Use the URL https://www.osamc.de/archiv/2021kreiskomposition/ for the copyright notice.
+</p>
+<p>The Ardour Sessions are available <a href="sessions/">for download here</a><p>
+</small>
+
+
+
+<h3>1 - OK</h3>
+<ul>
+<li>Bass: Chris</li>
+<li>Drums: Daniel</li>
+<li>Chords: Hermann</li>
+<li>Lead: Flo</li>
+<li>Mix: Nils</li>
+</ul>
+
+<h3>2 - Chiba City Blues</h3>
+<ul>
+<li>Bass: Daniel</li>
+<li>Drums: Hermann</li>
+<li>Chords: Flo</li>
+<li>Lead: Nils</li>
+<li>Mix: Chris</li>
+</ul>
+
+<h3>3 - Black Storm</h3>
+<ul>
+<li>Bass: Hermann</li>
+<li>Drums: Flo</li>
+<li>Chords: Nils</li>
+<li>Lead: Chris</li>
+<li>Mix: Daniel</li>
+</ul>
+
+<h3>4 - Revelation</h3>
+<ul>
+<li>Bass: Flo</li>
+<li>Drums: Nils</li>
+<li>Chords: Chris</li>
+<li>Lead: Daniel</li>
+<li>Mix: Hermann</li>
+</ul>
+
+<h3>5 - Angie and Her Friends (Extended Edition)</h3>
+<ul>
+<li>Bass: Nils</li>
+<li>Drums: Chris</li>
+<li>Chords: Daniel</li>
+<li>Lead: Hermann</li>
+<li>Mix: Flo</li>
+</ul>

archiv/2021kreiskomposition/include/normalize.css

@@ -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;
+}

archiv/2021kreiskomposition/include/sakura.css

@@ -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; }

archiv/2021kreiskomposition/index.html

@@ -0,0 +1,207 @@
+<!--AUTOGENERATED:REMOVE-THIS-TAG-TO-PREVENT-OVERWRITE-->
+<!doctype html>
+<html>
+
+<head>
+    <link rel="stylesheet" href="include/normalize.css" type="text/css">
+    <link rel="stylesheet" href="include/sakura.css" type="text/css">
+    <script type="text/javascript" src="include/amplitude.js"></script>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>Kreiskompositions-Projekt</title>
+</head>
+
+<body>
+<h1>Kreiskompositions-Projekt</h1>
+<h2>Informationen</h2>
+
+<p><b>English translations are added as <small>small</small> text below each paragraph.</b></p>
+
+<p>
+    Vom 22. Januar 2021 bis 5. Februar 2021 haben wir zu fünft 5 Stücke produziert.
+    Alle hatten je drei Tage Zeit eine vorgegebene "Schicht" (z.B. Bass oder Schlagzeug) zu produzieren,
+    dann wurden die Ergebnisse in einer festen Reihenfolge weitergereicht und man bekam von jemand anderem
+    ein Zwischenergebnis, um damit den nächsten Schritt zu machen.
+        <p><small>
+        From January 22, 2021 to February 5, 2021, five of us produced 5 musical
+        pieces. Each of us had three days to produce a given "layer" (e.g.
+        bass or drums), then the results were passed on to the next person in a
+        fixed order and everyone got an intermediate result from the person
+        before him to base the next step on.
+        </small></p>
+</p>
+<p>
+    Es wurde sich darauf geeinigt die Projekte jeweils als Ardour(-session-archiv) (48kHz 32bit Float)
+    weiterzugeben und nur fertige Audiospuren weiterzugeben, bzw. Zwischenschritte wie MIDI-Tracks oder
+    Plugins in einer Extraspur zu behalten und diese stummzuschalten, oder zu verstecken.
+    <br>
+    Es gab keine musikalischen Vorgaben.
+        <p><small>
+        It was agreed to pass on the projects as Ardour(-session-archive) files
+        (48kHz 32bit float) and to pass on only finished audio tracks, or to
+        keep intermediate steps like MIDI tracks or plugins in an extra track
+        and to mute or hide them. There were no musical guidelines.
+        </small></p>
+</p>
+<p>
+    Am Ende entstanden also 5 Stücke von jeweils fünf Personen in unterschiedlichen Rollen.
+        <p><small>
+        So in the end, 5 pieces were created, each by five people in different
+        roles.
+        </small></p>
+</p>
+
+<h2>Ablauf</h2>
+
+<ul>
+    <li>22.1-24.1 Bass</li>
+    <li>25.1-27.1 Schlagzeug</li>
+    <li>28.1-30.1 Akkorde / Pads etc. (Flächensounds, Begleitung...)</li>
+    <li>31.1-02.1 Melodie / Solo</li>
+    <li>03.2-05.2 Titel, Mix, Effekte, Kleinigkeiten</li>
+</ul>
+
+<small>
+<h2>Schedule</h2>
+<ul>
+<li>22.1 - 24.1 Bass</li>
+<li>25.1 - 27.1 Drums</li>
+<li>28.1 - 30.1 Chords / Pads etc. (pad sounds, accompaniment...)</li>
+<li>31.1 - 02.1 Melody / Solo</li>
+<li>03.2 - 05.2 Title, Mix, Effects, Minor tweaks</li>
+</ul>
+</small>
+
+
+
+<h2>Stücke und Musiker</h2>
+<p>
+    Alle Stücke sind unter Creative Commons CC-By-SA lizensiert.<br>
+    Die Urheberangabe ist mit der URL https://www.osamc.de/archiv/2021kreiskomposition/ umzusetzen.
+</p>
+<p>Die Ardour Sessions befinden sich <a href="sessions/">hier zum Download</a><p>
+
+<small>
+<h2>Tracks and Musicians / Composers</h2>
+<p>
+    All tracks are published under the Creative Commons CC-By-SA license.<br>
+    Use the URL https://www.osamc.de/archiv/2021kreiskomposition/ for the copyright notice.
+</p>
+<p>The Ardour Sessions are available <a href="sessions/">for download here</a><p>
+</small>
+
+
+
+<h3>1 - OK</h3>
+<ul>
+<li>Bass: Chris</li>
+<li>Drums: Daniel</li>
+<li>Chords: Hermann</li>
+<li>Lead: Flo</li>
+<li>Mix: Nils</li>
+</ul>
+
+<h3>2 - Chiba City Blues</h3>
+<ul>
+<li>Bass: Daniel</li>
+<li>Drums: Hermann</li>
+<li>Chords: Flo</li>
+<li>Lead: Nils</li>
+<li>Mix: Chris</li>
+</ul>
+
+<h3>3 - Black Storm</h3>
+<ul>
+<li>Bass: Hermann</li>
+<li>Drums: Flo</li>
+<li>Chords: Nils</li>
+<li>Lead: Chris</li>
+<li>Mix: Daniel</li>
+</ul>
+
+<h3>4 - Revelation</h3>
+<ul>
+<li>Bass: Flo</li>
+<li>Drums: Nils</li>
+<li>Chords: Chris</li>
+<li>Lead: Daniel</li>
+<li>Mix: Hermann</li>
+</ul>
+
+<h3>5 - Angie and Her Friends (Extended Edition)</h3>
+<ul>
+<li>Bass: Nils</li>
+<li>Drums: Chris</li>
+<li>Chords: Daniel</li>
+<li>Lead: Hermann</li>
+<li>Mix: Flo</li>
+</ul>
+
+        <p>
+        <a href="downloads/2021kreiskomposition.zip">Download</a> der original Dateien (156.9MiB)
+        </p>
+        
+
+<h2>Audio Player</h2>
+<small>Die Dateien zum direkten Hören wurden komprimiert um aller Seiten Bandbreite zu schonen. Im Gesamtdownload (s.o.) sind die unveränderten Dateien.</small>
+
+
+        <p>
+        <b>2021-01-osamc-kreiskomposition-1-ok</b><br>
+        <audio controls style="width: 80%;">
+          <source src="downloads/2021-01-osamc-kreiskomposition-1-ok.ogg">
+        Your browser does not support the audio element.
+        </audio>
+        </p>
+        
+
+        <p>
+        <b>2021-01-osamc-kreiskomposition-2-fake_five_-_chiba_city_blues</b><br>
+        <audio controls style="width: 80%;">
+          <source src="downloads/2021-01-osamc-kreiskomposition-2-fake_five_-_chiba_city_blues.ogg">
+        Your browser does not support the audio element.
+        </audio>
+        </p>
+        
+
+        <p>
+        <b>2021-01-osamc-kreiskomposition-3-black_storm</b><br>
+        <audio controls style="width: 80%;">
+          <source src="downloads/2021-01-osamc-kreiskomposition-3-black_storm.ogg">
+        Your browser does not support the audio element.
+        </audio>
+        </p>
+        
+
+        <p>
+        <b>2021-01-osamc-kreiskomposition-4-revelation</b><br>
+        <audio controls style="width: 80%;">
+          <source src="downloads/2021-01-osamc-kreiskomposition-4-revelation.ogg">
+        Your browser does not support the audio element.
+        </audio>
+        </p>
+        
+
+        <p>
+        <b>2021-01-osamc-kreiskomposition-5-angie_and_her_friends_extended_edition</b><br>
+        <audio controls style="width: 80%;">
+          <source src="downloads/2021-01-osamc-kreiskomposition-5-angie_and_her_friends_extended_edition.ogg">
+        Your browser does not support the audio element.
+        </audio>
+        </p>
+        
+
+</body>
+</html>
+
+<!-- Let only one file play at the same time. If a user has no java script they have to stop it themselves -->
+<script>
+window.addEventListener("play", function(evt)
+{
+    if(window.$_currentlyPlaying && window.$_currentlyPlaying != evt.target)
+    {
+        window.$_currentlyPlaying.pause();
+    }
+    window.$_currentlyPlaying = evt.target;
+}, true);
+</script>

archiv/2021kreiskomposition/metadata.ini

@@ -0,0 +1,10 @@
+[Meta]
+#YYYY-MM
+Date = 2021-01
+
+#e.g. CC-by-sa, CC-by, All Rights Reserved
+License = CC-by-sa
+PrettyName = Kreiskompositions-Projekt
+Author = OSAMC
+
+