320 lines
21 KiB
HTML
320 lines
21 KiB
HTML
<!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>
|