add musicjam2021 website prototype

musicjam/CNAME

@@ -0,0 +1 @@
+musicjam.pl

musicjam/bootstrap-4.3.1-dist/css/bootstrap-reboot.css

@@ -0,0 +1,331 @@
+/*!
+ * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+  outline: 0 !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus {
+  outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg {
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  text-align: inherit;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+select {
+  word-wrap: normal;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+  cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.css.map */

musicjam/bootstrap-4.3.1-dist/css/bootstrap-reboot.min.css

@@ -0,0 +1,8 @@
+/*!
+ * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */

musicjam/index.html

@@ -0,0 +1,319 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <script src="https://pixel.fasttony.es/162526164373492/" async defer></script>
+        <!-- <a href="https://www.freepik.com/free-photos-vectors/music">Music vector created by freepik - www.freepik.com</a> -->
+        <!--
+       auto 
+       to credit: <a href="https://visualhunt.co/a4/7330ae39">dejankrsmanovic</a> on <a href="https://visualhunt.com/re6/de9eac7d">Visual hunt</a> / <a href="http://creativecommons.org/licenses/by/2.0/"> CC BY</a>
+        -->
+        <link rel="stylesheet" href="bootstrap-4.3.1-dist/css/bootstrap.css" type="text/css" />
+        <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
+        <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
+        <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
+        <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
+        <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
+        <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
+        <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
+        <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
+        <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
+        <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+        <link rel="manifest" href="/manifest.json">
+        <meta name="msapplication-TileColor" content="#ffffff">
+        <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+        <meta name="theme-color" content="#ffffff">
+        <style type="text/css">
+
+@font-face { font-family: WorkSans; src: url('WorkSans-Regular.ttf'); } 
+.bgimg {
+    background-image: url('IMG_0732.jpg');
+    background-repeat: no-repeat;
+    background-size: 100% 800px;
+    width: 100%;
+    height: 500px;
+}
+.titlefont {
+    font-size: 2em;
+    font-weight: bold;
+    color: white;
+    text-align: center;
+    font-family: "work sans";
+}
+.bgst {
+    background-color: #FFF;
+        margin: 0;
+}
+ul.custom li:before { content: ":computer: ";}
+</style>
+    </head>
+    <body class="bgst">
+        <div class="bgimg" style="display:flex;justify-content:center;align-items:center;">
+            <div class="titlefont" style="background-color: rgba(0,0,0,0.3);padding: 1em 0;">
+                <!--<p> -->
+                <p>
+                    <img src='mj.png' width='60%'>
+                </p>
+                <!-- </p> -->
+                <img scr="mj.png" style="z-index:1000" width="200">
+                <p style="font-weight: normal;margin-top:-25px;margin-bottom:20px">The Sound of Shipyard</p>
+                <p style="font-weight:normal;margin-bottom:30px">26-27.10.2021 // Stocznia Cesarska</p>
+<form action="https://www.facebook.com/MusicJam.hackathon">
+    <input type="submit" value="Bądź na bieżąco" style="font-size:0.8em; font-weight:500;padding:10px;background-color:#FF962F;color:white;border:1px solid #FF962F; border-radius:10px;"/>
+            </div>
+        </div>
+        <div style="height:60px">
+        </div>
+        <!-- #e8631c -->
+                    <h3 style="background-color:#101010;text-align:center;color:white;font-weight:bold;padding:0.2em 0;">CO JEST GRANE?</h3>
+        <div class="container" style="text-align:center">
+            <div class="row">
+                <div class="col-md-12" style="margin-top:30px;margin-bottom:30px">
+                    <p style="font-size:1.5em">Music Jam to hackathon, święto muzyki i technologii w jednym. Już w październiku odbędzie się jego kolejna edycja. Tym razem spotykamy się na Stoczni Cesarskiej, gdzie podczas 24h maratonu będziemy tworzyć, remiksować i bawić się muzyką i kodem niezależnie od ich postaci - czy będą to nowe utwory, wizualizacje, instrumenty czy aplikacje. Ważne jest , aby każdy z projektów łączył muzykę i nowe technologie.</p>
+                </div>
+                </div>
+                </div>
+                    <h3 style="background-color:#101010;text-align:center;color:white;font-weight:bold;padding:0.2em 0;">DO KOGO KIEROWANE JEST WYDARZENIE?</h3>
+        <div class="container" style="text-align:center">
+            <div class="row">
+                <div class="col-md-12" style="margin-top:60px;margin-bottom:60px">
+                    <p style="font-size:1.5em">Do każdego fana muzyki. I tyle. Jeśli muzyka daje Ci radość, to technologia z pewnością nie będzie problemem. Ważne, abyś miał tylko ukończone 16 lat.</p>
+                </div>
+            </div>
+        </div>
+                    <h3 style="background-color:#101010;text-align:center;color:white;font-weight:bold;padding:0.2em 0;">DLACZEGO WARTO WZIĄĆ UDZIAŁ?</h3>
+        <div class="container">
+            <div class="row">
+                <div class="col-md-12" style="margin-top:60px;margin-bottom:60px">
+                    <ul style="line-height:200%">
+                        <li style="font-size:1.5em"><b>Świetni goście</b> - tym roku mamy 3 znakomitych jurorów, którzy aktywnie udzielają się w polskiej scenie muzycznej!</li>
+                        <li style="font-size:1.5em"><b>Nagrody!</b> Vouchery do sklepu muzycznego!</li>
+                        <li style="font-size:1.5em"><b>Dobra zabawa</b>, bo na MusicJam zawsze wszystko gra ;) </li>
+                        <li style="font-size:1.5em"><b>Wstęp na urodzinowy koncert Fundacji CUMY</b></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div>
+                    <h3 style="background-color:#101010;text-align:center;color:white;font-weight:bold;padding:0.2em 0;">GDZIE?</h3>
+                    </div>
+        <div class="container">
+            <div class="row">
+                <div class="col-md-12" style="margin-top:60px;margin-bottom:60px">
+                    <h4 style="text-align: center;">Koncert + sala głośna -> CUMY</h4>
+                    <p style="font-size:1.5em"><a href="https://www.facebook.com/cumy.stocznia">Fundacja CUMY</a> (<a href="https://goo.gl/maps/EWjJ7XQ9rTovcLUs7"> lokalizacja </a> ) to Fundacja wspierająca środowisko rzemieślnicze, łącząca wytwórców z różnych pokoleń, której celem jest skupienie społeczności nowego rzemiosła. CUMY to miejsce - warsztat otwarty, w koncepcji MakerSpace, oferujący przestrzeń do współpracy, edukacji, wymiany informacji. Pracownia usytuowana w XX wiecznym budynku Hartowni w Stoczni Cesarskiej, podzielona jest na przestrzenie do pracy z metalem, drewnem, kompozytami i biomateriałami. </p>
+                        <p style="font-size:1.5em"> Podczas Music Jamu przygotujemy dla Was specjalne strefy do rozstawienia instrumentów i hałasowania! Nie mamy żadnych sąsiadów </p>
+                        <h4 style="text-align: center;">Rozpoczęcie + przestrzeń do "pracy cichej" -> Dyrekcja</h4>
+                        <p style="font-size:1.5em">Budynek Dyrekcji (<a href="https://goo.gl/maps/jjf3gWKSTNKk8tcb9">lokalizacja</a>) jest jednym najstarszych budynków na terenie Stoczni Cesarskiej, którego historia sięga 1878 roku. Był świadkiem wielu wydarzeń historycznych, m.in. strajków stoczniowców protestujących pod jego drzwiami w imię swoich praw i wartości. Do 2002 roku biuro Dyrektora Stoczni mieściło się na pierwszym piętrze budynku. </p>
+                            <p style="font-size:1.5em">Po renowacji z 2019 roku to nowoczesna przestrzeń biurowa - do Waszej dyspozycji będzie sala bankietowa DOK, której wejście znajduje się z tyłu budynku. </p>
+
+
+                </div>
+            </div>
+        </div>
+        <div>
+                    <h3 style="background-color:#101010;text-align:center;color:white;font-weight:bold;padding:0.2em 0;">HARMONOGRAM</h3>
+                    </div>
+        <div class="container">
+            <div class="row" style="margin-top:60px;margin-bottom:20px">
+                <div class="col-md-6">
+                    <div class="card border-warning text-center  mb3" style="color:#FF962F">
+                        <div class="card-body">
+                            <p class="card-text">Piątek 17:30-18:00</p>
+                            <h3 class="card-text" style="margin-top:-4%">Networking i przygotowania</h3>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <div class="card border-warning text-center  mb3" style="color:#FF962F">
+                        <div class="card-body">
+                            <p class="card-text">Piątek 18:00-18:15</p>
+                            <h3 class="card-text" style="margin-top:-4%">Rozpoczęcie</h3>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row" style="margin-top:2%">
+                <div class="col-md-6">
+                    <div class="card border-warning text-center  mb3" style="color:#FF962F">
+                        <div class="card-body">
+                            <p class="card-text">Piątek 18:15-19:15</p>
+                            <h3 class="card-text" style="margin-top:-4%">Team building i prezentacje pomysłów</h3>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <div class="card border-warning text-center  mb3" style="color:#FF962F">
+                        <div class="card-body">
+                            <p class="card-text">Piątek 19:15-...</p>
+                            <h3 class="card-text" style="margin-top:-4%">Maraton tworzenia</h3>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row" style="margin-top:2%">
+                <div class="col-md-6">
+                    <div class="card border-warning text-center  mb3" style="color:#FF962F">
+                        <div class="card-body">
+                            <p class="card-text">Sobota 9:00-10:00</p>
+                            <h3 class="card-text" style="margin-top:-4%">Przygotowanie do dalszej pracy i konsultacje</h3>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <div class="card border-warning text-center  mb3" style="color:#FF962F">
+                        <div class="card-body">
+                            <p class="card-text">Sobota 10:00-17:00</p>
+                            <h3 class="card-text" style="margin-top:-4%">Działamy: praca w zespołach</h3><br />
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row" style="margin-top:2%">
+                <div class="col-md-6">
+                    <div class="card border-warning text-center  mb3" style="color:#FF962F">
+                        <div class="card-body">
+                            <p class="card-text">Sobota 17:00-18:00</p>
+                            <h3 class="card-text" style="margin-top:-4%">Prezentacja projektów</h3>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <div class="card border-warning text-center  mb3" style="color:#FF962F">
+                        <div class="card-body">
+                            <p class="card-text">Sobota 20:00-...</p>
+                            <h3 class="card-text" style="margin-top:-4%">Koncert BLED</h3>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div style="height:60px">
+        </div>
+        <div style="text-align:center">
+<form action="https://evenea.pl/event/musicjam/">
+    <input type="submit" value="zapisz się" style="font-size:1.5em; font-weight:500;padding:10px;background-color:#FF962F;color:white;border:1px solid #FF962F; border-radius:10px;"/>
+</form>
+        </div>
+        <div style="height:50px">
+        </div>
+        <div>
+                    <h3 style="background-color:#101010;text-align:center;color:white;font-weight:bold;padding:0.2em 0;">Let's reUSE MUSIC!</h3>
+            <div class="container">
+                <div class="row" style="margin-top:60px;margin-bottom:60px">
+                    <div class="col-md-12">
+                        <h4 style="text-align: center;">Brakuje materiałów muzycznych do projektu? IKM poleca zajrzeć w te źródła!</h4>
+                        <p>Zbiory cyfrowe i domena publiczna to niekończące się pasmo inspiracji dla twórców. Na potrzeby MUSICJAM - proponujemy wam wykorzystanie muzyki dawnej z domeny publicznej i tej na wolnych licencjach - np. kompozycje największych klasyków lub utwory udostępnione przez twórców na wolnych licencjach. Zawsze zwróćcie uwagę czy wykonanie nie jest objęte prawami autorskimi majątkowymi!</p><br />
+                        <p>W Medialab Gdańsk zrekonstruowaliśmy XVIII wieczne zaśpiewy gdańskich ulicznych sprzedawców - są do pobrania i wykorzystania podczas hackathonu - udostępnione na CC-BY-SA na http://pracownia.medialabgdansk.pl/rekonstrukcja-zaspiewow-gdanskich-wywolywaczy/</p><br />
+                        <b>Skąd wziąć muzykę/nuty do wykorzystania:</b>
+                        <ul>
+                            <li>polona.pl - wpisując nazwisko dowolnego kompozytora w wynikach wyszukiwania zawsze trafią się jakieś nuty np. Bach</li>
+                            <li>Europeana Music - europejska biblioteka cyfrowa i jej zbiory nagrań. Z części z nich możecie korzystać zupełnie swobodnie.</li>
+                            <li> Archive.org - internetowe archiwum;</li>
+                            <li> bogatą kolekcję np sampli wpisując np Baroque - https://archive.org</li>
+                            <li>Free Music Archive - internetowe archiwum muzyczne. https://freemusicarchive.org</li>
+                            <li>MUSOPEN - serwis internetowy oferujący bogatą kolekcję muzyki klasycznej - w darmowej opcji konta możecie pobrać 5 plików dziennie :) https://musopen.org/</li>
+                            <li>Przede wszystkim nasze XVIII wieczne zaśpiewy. Mogą być np. elementem dźwiękowego pejzażu lub zostać wplecione w nieoczywisty sposób w wasz utwór muzyczny.</li>
+                    </ul>
+        </div>
+        </div>
+        </div>
+        <div>
+                    <h3 style="background-color:#101010;text-align:center;color:white;font-weight:bold;padding:0.2em 0;">FAQ</h3>
+            <div class="container">
+                <div class="row" style="margin-top:60px;margin-bottom:60px">
+                    <div class="col-md-12">
+        <b><p> Jaka jest cena za bilety? </p></b>
+        <p> Opłata rejestracyjna wynosi symbolicznie 30 zł. Dzięki tej kwocie mamy pewność, że zajmujemy miejsca tylko dla osob zainteresowanych i przeznaczymy ją na nagordy dla uczestników</p>
+        <b><p> Czy muszę mieć zespół? </p></b>
+        <p>Rywalizacja odbywa sie max 5 osobowych zespołach. Nie jest jednak wymagane posiadanie drużyny przed rozpoczęciem wydarzenia. Wiele zespołów dobiera się na miejscu, w trakcie prezentacji pomysłów.</p>
+        <b><p> Co będzie mi potrzebne?</p></b>
+        <p> Cokolwiek potrzebujesz do realizacji swojego pomysłu, ale absolutne minimum to laptop ze słuchawkami.</p>
+        <p><b>Jaki jest temat przewodni hackathonu?</b></p>
+        <p>Tematem przewodnim jest "The Sound of Shipyard". Nie jest to warunek konieczny, jednak gorąco zachęcamy do wykorzystania tematu.</p>
+        <p><b>Jak będzie wyglądała przestrzeń hackathonu?</b></p>
+        <p>Będziemy mieli do dyspozyji dwie przestrzenie: cichą i głośną. W głośnej części możesz spokojnie hałasować i nagrywać. W cichej obowiązują słuchawki :)</p>
+        <b><p> Mam pytanie, na które nie ma tutaj odpowiedzi. Gdzie mogę je zadać? </p></b>
+        <p>Zapraszamy do kontaktu na kontakt@codeme.pl </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div style="height:60px">
+        </div>
+        <div>
+            <div class="container" style="text-align:center;">
+                <div class="row" style="height:70px;display:table">
+                    <div class="col-md-4 w-25" style="display:table-cell;vertical-align:middle;text-align:left;">
+                        <p style="width:100px"><b> Organizatorzy </b></p>
+                    </div>
+                    <div class="col-md-4 w-25" style="display:table-cell;vertical-align:middle;">
+                        <a href="https://ikm.gda.pl/en/"><img src='IKM_logo.jpg' width=100px></a>
+                    </div>
+                    <div class="col-md-4 w-25" style="display:table-cell;vertical-align:middle;">
+                        <a href="https://codeme.pl/"><img src='codeme.png' width=180px></a>
+                    </div>
+                    <div class="col-md-4 w-25" style="display:table-cell;vertical-align:middle;">
+                        <a href="https://hs3.pl/?fbclid=IwAR25mjdF7x3wxpFn8fKlVgmfPOY_Cu6L0PXyeSrx9N7x8y280c4D2zsi9R0"><img src='hs.png' width=180px></a>
+                    </div>
+                    <div class="col-md-4 w-25" style="display:table-cell;vertical-align:middle;">
+                        <a href="https://www.facebook.com/cumy.stocznia"><img src='cumy_logo.png' width=180px></a>
+                    </div>
+                </div>
+                <!--<div class="row" style="height:70px;display:table">
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;text-align:left;">
+                        <p style="width:100px"><b>Partnerzy</b></p>
+                    </div>
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;">
+                        <img src='./logo_czarne_krzywe_napis.svg' width=180px>
+                    </div>
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;">
+                       <a href="https://www.inkubatorstarter.pl/"><img src='starter.jpg' width=180px></a>
+                    </div>
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;">
+                        <a href="https://gpnt.pl/"><img src='gpnt.png' width=180px></a>
+                    </div>
+                </div>
+                <div class="row" style="height:70px;display:table">
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;text-align:left;">
+                        <p style="width:100px"></p>
+                    </div>
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;">
+                        <img src='./psi_psse2.png' width=180px>
+                    </div>
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;">
+                      <a href="https://radiogdansk.pl/"><img src='./Radio_Gdansk_75_lat_znak.png' width=180px></a>
+                    </div>
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;">
+                       <a href="https://best.gdansk.pl/"><img src='./Best.jpg' width=180px></a>
+                    </div>
+                </div>
+                <div class="row" style="height:70px;display:table">
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;text-align:left;">
+                        <p style="width:100px">      </p>
+                    </div>
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;">
+                        <img src='./mors-logo-new.png' width=80px>
+                    </div>
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;">
+                        <!--<img src='./Radio_Gdansk_75_lat_znak.png'  width=180px>-->
+                   <!-- </div>
+                    <div class="col-md-3 w-25" style="display:table-cell;vertical-align:middle;">
+                        <!--<img src='./Best.jpg' width=180px>
+                    </div>
+                </div> -->
+            </div>
+        </div>
+        <div style="height:40px">
+        </div>
+            <hr style="border-top: 1px solid #9c9c9c">
+           <div style="height:60px">
+        </div>
+            <h5 style="text-align:center;"><a href="regulamin2.pdf" style="color:#FF962F; text-decoration: underline;">REGULAMIN W FORMACIE PDF</a></h5>
+                <div style="height:60px">                                                                                                  </div>     
+        </div>
+    </body>
+</html>

musicjam/logo_czarne_krzywe_napis.svg

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 192 108" style="enable-background:new 0 0 192 108;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#020202;}
+	.st1{fill:#FFFFFF;}
+	.st2{enable-background:new    ;}
+	.st3{fill:#020203;}
+</style>
+<path class="st0" d="M34.2,30.3c-2,1.1-5.5,3.1-8.4,6.8c-1.2,1.5-5.6,7.1-5.6,15.4c0,1.4,0,8.3,4.3,14.6c2.9,4.3,6.9,6.9,8.9,8.1
+	c0-1.1,0-2.8,0.1-3.9c-1-0.6-8.5-5.7-9.7-15.5c-0.4-2.9,0.1-6.2,0.1-6.2c0.2-1.7,0.7-2.9,0.8-3.2c0.4-1.2,0.9-2.7,1.8-4.3
+	c1.4-2.6,3.1-4.3,4.3-5.4c0,3.1,0,6.2,0,9.3c0,3.2,0,6.3,0,9.3c0.8,0,1.5,0,2.3,0c1.8-1.9,3.6-3.8,5.4-5.7c0,9.1,0,18.7-0.1,27.8
+	c0.5,0.2,1,0.3,1.6,0.4c0.8,0.2,1.3,0.3,1.8,0.3c0-11.1-0.1-22.6-0.1-33.8l-2.9,0c-1.6,1.7-3.1,3.4-4.7,5.1
+	C34.2,43,34.2,36.7,34.2,30.3z"/>
+<path class="st0" d="M22.1,57.1"/>
+<path class="st0" d="M48.6,78.2c0-11.2,0-22.7,0-33.9l3.2,0l5.2,5.4c0-6.5,0-12.8,0-19.3c0.6,0.3,1,0.6,1.7,1
+	c0.7,0.4,0.9,0.6,1.4,0.9c-0.1,7.7,0,15.4,0,23c-0.9,0-1.8,0-2.7,0c-2-1.9-3.5-3.8-5.5-5.7c0,8.2-0.1,16.3-0.1,24.4
+	c1-0.3,11.1-3.4,14.6-14.1c2.9-9.2-1-16.4-1.7-17.6c0.4-1.3,1.1-2.8,1.4-4.1c1.3,1.8,3.3,5,4.3,9.8c1.2,6.3-0.2,11.3-0.7,12.8
+	c-2.2,6.4-6.2,10.4-8.7,12.3C56.3,76.8,51.1,77.9,48.6,78.2z"/>
+<path class="st1" d="M60.7,32.6"/>
+<g class="st2">
+	<path class="st3" d="M97.4,38.2V54h-2.4v-8.8l-5.4,7.6h0l-5.2-7.2V54h-2.4V38.2h0L89.6,49L97.4,38.2L97.4,38.2z"/>
+	<path class="st3" d="M110.1,45.1V54h-2.4v-1.3c-0.3,0.4-0.8,0.7-1.3,1c-0.5,0.3-1.2,0.5-1.9,0.5c-0.9,0-1.6-0.2-2.3-0.5
+		c-0.7-0.4-1.2-0.9-1.6-1.6c-0.4-0.7-0.6-1.5-0.6-2.5c0-1,0.2-1.8,0.6-2.6s0.9-1.3,1.6-1.7c0.7-0.4,1.4-0.6,2.2-0.6
+		c1.4,0,2.5,0.5,3.2,1.6l0.2-1.2H110.1z M106.9,51.8c0.4-0.3,0.8-0.8,0.9-1.4v-1.9c-0.2-0.5-0.5-1-1-1.3s-1-0.5-1.7-0.5
+		c-0.7,0-1.4,0.3-1.9,0.8c-0.5,0.5-0.8,1.2-0.8,2c0,0.5,0.1,1,0.4,1.4c0.3,0.4,0.6,0.8,1,1s0.9,0.4,1.4,0.4
+		C105.9,52.3,106.4,52.1,106.9,51.8z"/>
+	<path class="st3" d="M122.8,45.1V54c0,0.8-0.2,1.6-0.7,2.2s-1.1,1.2-1.8,1.6c-0.8,0.4-1.7,0.6-2.7,0.6c-1,0-1.8-0.2-2.4-0.5
+		c-0.6-0.3-1.3-0.7-2-1.3l1.4-1.6c0.4,0.4,0.9,0.7,1.4,1c0.5,0.2,1,0.3,1.6,0.3c0.9,0,1.6-0.2,2.1-0.6c0.5-0.4,0.8-1,0.8-1.7v-1.5
+		c-0.3,0.5-0.8,0.9-1.4,1.3c-0.6,0.3-1.3,0.5-2.1,0.5c-0.8,0-1.6-0.2-2.2-0.6c-0.7-0.4-1.2-1-1.6-1.7c-0.4-0.7-0.6-1.5-0.6-2.4
+		c0-0.9,0.2-1.7,0.6-2.4c0.4-0.7,1-1.3,1.7-1.7c0.7-0.4,1.5-0.6,2.3-0.6c0.7,0,1.4,0.1,2,0.4c0.6,0.3,1.1,0.6,1.4,1l0.2-1H122.8z
+		 M119.4,51.8c0.5-0.3,0.8-0.8,1-1.4v-1.9c-0.2-0.6-0.5-1-1-1.3s-1.1-0.5-1.8-0.5c-0.8,0-1.5,0.3-2,0.8c-0.5,0.5-0.8,1.2-0.8,2
+		c0,0.5,0.1,1,0.4,1.4c0.3,0.4,0.6,0.8,1,1c0.4,0.3,0.9,0.4,1.4,0.4C118.3,52.3,118.9,52.1,119.4,51.8z"/>
+	<path class="st3" d="M135,45.1V54h-2.4v-1.3c-0.3,0.4-0.8,0.7-1.3,1c-0.5,0.3-1.2,0.5-1.9,0.5c-0.9,0-1.6-0.2-2.3-0.5
+		c-0.7-0.4-1.2-0.9-1.6-1.6s-0.6-1.5-0.6-2.5c0-1,0.2-1.8,0.6-2.6c0.4-0.7,0.9-1.3,1.6-1.7c0.7-0.4,1.4-0.6,2.2-0.6
+		c1.4,0,2.5,0.5,3.2,1.6l0.2-1.2H135z M131.8,51.8c0.4-0.3,0.8-0.8,0.9-1.4v-1.9c-0.2-0.5-0.5-1-1-1.3c-0.5-0.3-1-0.5-1.7-0.5
+		c-0.7,0-1.4,0.3-1.9,0.8c-0.5,0.5-0.8,1.2-0.8,2c0,0.5,0.1,1,0.4,1.4c0.3,0.4,0.6,0.8,1,1s0.9,0.4,1.4,0.4
+		C130.8,52.3,131.3,52.1,131.8,51.8z"/>
+	<path class="st3" d="M140.8,52.1h4.7V54H137l4.8-7h-2.6c-0.5,0-0.9-0.2-1.2-0.5c-0.3-0.3-0.5-0.7-0.5-1.3v-1h1.8v0.3
+		c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.1,0.6,0.1h5.7L140.8,52.1z"/>
+	<path class="st3" d="M156.8,45.1l-5.7,13.1h-2.3l2.1-4.6l-4.1-8.5h2.6L152,51l2.6-5.9H156.8z"/>
+	<path class="st3" d="M166.3,45.5c0.6,0.5,0.8,1.1,0.9,1.9V54h-2.4v-5.8c0-0.5-0.2-0.8-0.4-1.1s-0.6-0.4-1.1-0.4
+		c-0.7,0-1.3,0.3-1.8,0.9c-0.5,0.6-0.7,1.4-0.7,2.4V54h-2.4v-8.9h2.1l0.2,1.6c0.3-0.6,0.8-1.1,1.4-1.4c0.6-0.3,1.3-0.5,2.1-0.5
+		C165.1,44.7,165.8,45,166.3,45.5z"/>
+</g>
+<g class="st2">
+	<path class="st3" d="M94.7,59.5v15.1h-0.1L84.1,64.4l0.1,9.7h-2.4V59H82l10.5,10.3l0-9.8H94.7z"/>
+	<path class="st3" d="M98.3,61.8c0.3-0.2,0.6-0.3,0.9-0.3c0.3,0,0.6,0.1,0.9,0.3s0.4,0.5,0.4,0.8c0,0.3-0.1,0.6-0.4,0.8
+		s-0.5,0.3-0.9,0.3c-0.3,0-0.6-0.1-0.9-0.3s-0.4-0.5-0.4-0.8C97.9,62.3,98,62,98.3,61.8z M100.3,65.6v8.5H98v-8.5H100.3z"/>
+	<path class="st3" d="M103.8,73.9c-0.6-0.2-1.1-0.6-1.4-1l0.9-1.3c0.7,0.7,1.4,1,2.2,1c0.4,0,0.7-0.1,1-0.2c0.3-0.2,0.4-0.4,0.4-0.7
+		c0-0.3-0.1-0.6-0.4-0.7c-0.3-0.2-0.6-0.3-0.9-0.4c-0.3-0.1-0.5-0.2-0.6-0.2c-0.7-0.2-1.3-0.6-1.6-1c-0.4-0.4-0.5-0.9-0.5-1.5
+		c0-0.5,0.1-0.9,0.3-1.3c0.2-0.4,0.6-0.7,1.1-1c0.5-0.3,1.1-0.4,1.7-0.4c0.6,0,1.2,0.1,1.7,0.2c0.5,0.1,0.9,0.4,1.3,0.7l-0.9,1.3
+		c-0.2-0.2-0.5-0.4-0.9-0.5c-0.3-0.1-0.6-0.2-0.9-0.2c-0.3,0-0.6,0.1-0.9,0.2s-0.3,0.4-0.3,0.6c0,0.3,0.1,0.5,0.3,0.7
+		c0.2,0.2,0.6,0.3,1.2,0.5c0.2,0.1,0.4,0.1,0.4,0.1c0.7,0.2,1.2,0.5,1.6,0.9s0.6,0.9,0.6,1.5c0,0.8-0.3,1.5-0.9,2.1
+		c-0.6,0.6-1.4,0.8-2.5,0.8C105,74.3,104.4,74.1,103.8,73.9z"/>
+	<path class="st3" d="M113.9,72.2h4.5v1.8h-8.1l4.6-6.6h-2.5c-0.5,0-0.8-0.2-1.2-0.5s-0.5-0.7-0.5-1.2v-1h1.7v0.3
+		c0,0.2,0,0.4,0.2,0.4c0.1,0.1,0.3,0.1,0.5,0.1h5.4L113.9,72.2z"/>
+	<path class="st3" d="M129.7,65.6v8.5h-2.2v-1.2c-0.3,0.4-0.7,0.7-1.2,1c-0.5,0.3-1.1,0.5-1.8,0.5c-0.8,0-1.5-0.2-2.2-0.5
+		c-0.6-0.3-1.1-0.8-1.5-1.5c-0.4-0.7-0.6-1.5-0.6-2.4c0-0.9,0.2-1.7,0.6-2.4c0.4-0.7,0.9-1.2,1.6-1.6c0.6-0.4,1.4-0.6,2.1-0.6
+		c1.4,0,2.4,0.5,3.1,1.5l0.2-1.1H129.7z M126.5,72c0.4-0.3,0.7-0.8,0.9-1.3v-1.8c-0.2-0.5-0.5-0.9-0.9-1.3c-0.5-0.3-1-0.5-1.6-0.5
+		c-0.7,0-1.3,0.3-1.8,0.8s-0.7,1.1-0.7,1.9c0,0.5,0.1,1,0.4,1.4c0.2,0.4,0.6,0.7,1,1c0.4,0.2,0.8,0.4,1.3,0.4
+		C125.6,72.5,126.1,72.3,126.5,72z"/>
+	<path class="st3" d="M131.9,72c0.2-0.2,0.5-0.4,0.8-0.4c0.3,0,0.6,0.1,0.8,0.4c0.2,0.2,0.4,0.5,0.4,0.9c0,0.3-0.1,0.6-0.4,0.9
+		c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3c-0.2-0.2-0.4-0.5-0.4-0.9C131.5,72.5,131.6,72.2,131.9,72z"/>
+</g>
+</svg>