diff --git a/pyconbalkan/2019template/images/blank-profile-picture.png b/pyconbalkan/2019template/images/blank-profile-picture.png new file mode 100644 index 00000000..8e970d4a Binary files /dev/null and b/pyconbalkan/2019template/images/blank-profile-picture.png differ diff --git a/pyconbalkan/2019template/images/django-logo.svg b/pyconbalkan/2019template/images/django-logo.svg new file mode 100644 index 00000000..ce361103 --- /dev/null +++ b/pyconbalkan/2019template/images/django-logo.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + diff --git a/pyconbalkan/2019template/images/email.svg b/pyconbalkan/2019template/images/email.svg new file mode 100644 index 00000000..b263d36f --- /dev/null +++ b/pyconbalkan/2019template/images/email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/pyconbalkan/2019template/images/euro-python-society.png b/pyconbalkan/2019template/images/euro-python-society.png new file mode 100644 index 00000000..e948c7b4 Binary files /dev/null and b/pyconbalkan/2019template/images/euro-python-society.png differ diff --git a/pyconbalkan/2019template/images/facebook.svg b/pyconbalkan/2019template/images/facebook.svg new file mode 100644 index 00000000..5ef10e37 --- /dev/null +++ b/pyconbalkan/2019template/images/facebook.svg @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/pyconbalkan/2019template/images/instagram.svg b/pyconbalkan/2019template/images/instagram.svg new file mode 100644 index 00000000..0aa65d5b --- /dev/null +++ b/pyconbalkan/2019template/images/instagram.svg @@ -0,0 +1,15 @@ + + + + + + + + + + diff --git a/pyconbalkan/2019template/images/kiwi.jpg b/pyconbalkan/2019template/images/kiwi.jpg new file mode 100644 index 00000000..c9cd4676 Binary files /dev/null and b/pyconbalkan/2019template/images/kiwi.jpg differ diff --git a/pyconbalkan/2019template/images/logo-pycon-balkan.svg b/pyconbalkan/2019template/images/logo-pycon-balkan.svg new file mode 100644 index 00000000..585ed0a0 --- /dev/null +++ b/pyconbalkan/2019template/images/logo-pycon-balkan.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/pyconbalkan/2019template/images/pycon-bg-loop.mp4 b/pyconbalkan/2019template/images/pycon-bg-loop.mp4 new file mode 100644 index 00000000..d83bd98e Binary files /dev/null and b/pyconbalkan/2019template/images/pycon-bg-loop.mp4 differ diff --git a/pyconbalkan/2019template/images/python-logo.svg b/pyconbalkan/2019template/images/python-logo.svg new file mode 100644 index 00000000..33a636f8 --- /dev/null +++ b/pyconbalkan/2019template/images/python-logo.svg @@ -0,0 +1,126 @@ + + + + + + + + + + + + diff --git a/pyconbalkan/2019template/images/twitter.svg b/pyconbalkan/2019template/images/twitter.svg new file mode 100644 index 00000000..3440c284 --- /dev/null +++ b/pyconbalkan/2019template/images/twitter.svg @@ -0,0 +1,17 @@ + + + + + + + + + + diff --git a/pyconbalkan/2019template/index.html b/pyconbalkan/2019template/index.html new file mode 100644 index 00000000..b2a19a0a --- /dev/null +++ b/pyconbalkan/2019template/index.html @@ -0,0 +1,272 @@ + + + + + + + + + + + PyCon Balkan 2019 + + + + + + + + + +
+ + +
+
+ + +
+ +
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+

#2

+
+
+

Hilton Hotel, Belgrade

+

3rd - 5th of October

+

International Event

+

400 - 500 attendees

+
+ +
+ +
+

Supported by:

+
+ + + + + + + + + +
+
+
+
+
+
+

+ Welcome to PyCon Balkan +

+ +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam dolore ea + incidunt magnam maxime repellendus reprehenderit, repudiandae. Beatae, cupiditate deserunt + doloribus, ducimus explicabo fugit inventore ipsa mollitia non odio placeat? + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam dolore ea + incidunt magnam maxime repellendus reprehenderit, repudiandae. Beatae, cupiditate deserunt + doloribus, ducimus explicabo fugit inventore ipsa mollitia non odio placeat? +

+
+ +
+

+ Keynote Speakers +

+ +
+
+
+ +

John Doe

+

Developer | Googly

+
+
+
+
+ +

John Doe

+

Developer | Googly

+
+
+
+
+ +

John Doe

+

Developer | Googly

+
+
+
+
+ +

John Doe

+

Developer | Googly

+
+
+
+
+ +
+

+ Meet our sponsors +

+ +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores assumenda aut + consequatur cum ducimus eveniet explicabo inventore iste, iusto modi natus necessitatibus, + odit officia pariatur, qui quod saepe soluta voluptatum? +

+ +
+ +

+ Keystone +

+ +
+ +
+
+ +
+ +
+

+ Kiwi.com +

+ +
+
+ +
+ +

+ Platinum +

+ +
+ +
+
+ +
+ +
+

+ Kiwi.com +

+ +
+
+ +
+ +
+

+ Kiwi.com +

+ +
+
+ +
+ +
+

+ Kiwi.com +

+ +
+
+ +
+
+ +
+
+
+
+ +
+ + + + diff --git a/pyconbalkan/2019template/styles/structure.css b/pyconbalkan/2019template/styles/structure.css new file mode 100644 index 00000000..5e04be0e --- /dev/null +++ b/pyconbalkan/2019template/styles/structure.css @@ -0,0 +1,207 @@ +body, html { + height: 100%; + margin: 0; + padding: 0; + font-family: 'Montserrat', sans-serif; +} + +.container { + margin: 0 auto; + max-width: 75%; +} + +.container:nth-of-type(2) { + top: 160px; +} + +.container:nth-of-type(3) { + top: 280px; + height: 100%; + position: relative; +} + +.container:nth-of-type(3) > .row { + height: 100%; +} + +.container:nth-of-type(3) > .row > .column-9{ + overflow-y: scroll; + max-height: 600px; +} + +.container:nth-of-type(3) > .row > .column-2 { + top: 280px; + height: 100%; +} + +.container:nth-of-type(3) > .row > .column-2 > .sidebar { + height: 100%; +} + + +.row { + margin-left: -15px; + margin-right: -15px +} + +.row:before, .row:after { + content: " "; + display: table +} + +.row:after { + clear: both +} + +.clear { + clear: both +} + +.clearfix:after { + content: ''; + display: block; + font-size: 0; + height: 0; + clear: both +} + +.hidden { + display: none !important; +} + +.center { + text-align: center; +} + +@media (min-width: 992px) { + .container { + width: 1140px; + } + + .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11 { + float: left + } + + .column-12 { + width: 100% + } + + .column-11 { + width: 91.66666666666666% + } + + .column-10 { + width: 83.33333333333334% + } + + .column-9 { + width: 75% + } + + .column-8 { + width: 66.66666666666666% + } + + .column-7 { + width: 58.333333333333336% + } + + .column-6 { + width: 50% + } + + .column-5 { + width: 41.66666666666667% + } + + .column-4 { + width: 33.33333333333333% + } + + .column-3 { + width: 25% + } + + .column-2 { + width: 16.666666666666664% + } + + .column-1 { + width: 8.333333333333332% + } + + .column-offset-11 { + margin-left: 91.66666666666666% + } + + .column-offset-10 { + margin-left: 83.33333333333334% + } + + .column-offset-9 { + margin-left: 75% + } + + .column-offset-8 { + margin-left: 66.66666666666666% + } + + .column-offset-7 { + margin-left: 58.333333333333336% + } + + .column-offset-6 { + margin-left: 50% + } + + .column-offset-5 { + margin-left: 41.66666666666667% + } + + .column-offset-4 { + margin-left: 33.33333333333333% + } + + .column-offset-3 { + margin-left: 25% + } + + .column-offset-2 { + margin-left: 16.666666666666664% + } + + .column-offset-1 { + margin-left: 8.333333333333332% + } +} + +.mt-1 { + margin-top: 10px; +} +.mt-2 { + margin-top: 20px; +} +.mt-3 { + margin-top: 30px; +} +.mt-4 { + margin-top: 40px; +} +.mt-5 { + margin-top: 50px; +} +.mb-1 { + margin-bottom: 10px; +} +.mb-2 { + margin-bottom: 20px; +} +.mb-3 { + margin-bottom: 30px; +} +.mb-4 { + margin-bottom: 40px; +} +.mb-5 { + margin-bottom: 50px; +} diff --git a/pyconbalkan/2019template/styles/style.css b/pyconbalkan/2019template/styles/style.css new file mode 100644 index 00000000..8810fc1d --- /dev/null +++ b/pyconbalkan/2019template/styles/style.css @@ -0,0 +1,288 @@ +.yellow { + color: #FED55B; +} +.blue { + color: #28AAE1; +} +.grey { + color: #707070; +} +.lightgrey { + color: lightgrey; +} +.gold { + color: gold; +} +.silver { + color: silver; +} +.green { + color: greenyellow; +} + +.bold { + font-weight: 600 !important; +} + +a { + text-decoration: none; +} + +h1, h2, h3, p { + margin: 0; +} + +h2, h3, a { + color: white; + line-height: 1; +} + +ul { + padding: 0; + margin: 0; +} + +ul li { + list-style-type: none; +} + +h1 { + margin-bottom: 24px; + font-size: 40px; + font-weight: 700; + line-height: 1; + color: #28AAE1; +} + +@media only screen and (max-width: 699px) { + h1 { + font-size: 30px; + } +} + +h2 { + line-height: 1.3; + margin-bottom: 8px; + font-size: 30px; + font-weight: 500; + color: #FFD64F; +} + +@media only screen and (max-width: 699px) { + h2 { + font-size: 22px; + } +} + +h3 { + font-size: 20px; + font-weight: 400; + color: white; +} + +@media only screen and (max-width: 699px) { + h3 { + font-size: 15px; + } +} + +p, +a { + font-size: 17px; +} + +p { + font-weight: 400; + color: white; + line-height: 1.5; +} + +a { + text-decoration: none; + font-weight: 500; +} + +i { + color: #28AAE1; + width: 20px; +} + +figure { + position: absolute; + height: 100%; + width: 100%; + margin: 0; + padding: 0; + z-index: -100; +} + +figure video { + width: 120vw; + height: auto; + position: fixed; + left: 0; + top: 0; + z-index: -100; +} + +figure .overlay-bg { + height: 100vh; + width: 100vw; + position: fixed; + top: 0; + left: 0; + background: #28AAE1; + mix-blend-mode: multiply; + pointer-events: none; + z-index: -100; +} + +@media only screen and (max-width: 1399px) { + figure video { + width: auto; + height: 100%; + } +} + +@media only screen and (max-width: 1023px) { + figure video { + height: 100%; + width: unset; + } +} + +.logo { + width: 220px; + height: 160px; + margin: 0 auto; + z-index: 100; +} + +.navbar { + width: 100%; + max-width: 1200px; + margin: 2rem auto; + height: 43px; +} + +.navbar ul { + margin: auto; + padding: 0; + list-style-type: none; + display: flex; +} + +.navbar li { + width: 14%; + margin: 0.2rem; + padding: 1rem; + border: 2px #95989A solid; + border-radius: 4px; + cursor: pointer; + display: flex; +} + +.active { + background-color: #FED55B; + color: #32383A; + border: 2px #FED55B solid !important; +} + +.navbar a { + font-size: 15px; + margin: 0 auto; + display: table; + +} + +.sidebar p { + line-height: 20px; + margin: 20px 0; +} + +.fixed { + position: fixed !important; + left: 50%; + margin-left: -570px; +} + +.sidebar-text { + padding: 0; +} + +.social-icons { + color: white; +} + +.fa-stack { + border-radius: 100%; + background-color: #28AAE1; + width: 2em !important; +} + +.support { + margin-top: 30px; +} + +.support-image { + width: 70%; +} + +.main { + margin: 10px 50px; +} + +#welcome { + margin: 20px; +} + +#keynote-speakers { + margin: 20px; +} + +.profile-picture { + width: 100px; + border-radius: 50%; + border: 4px solid #28AAE1; +} + +i.em { + margin-left: 10px; +} + +#meet-sponsors { + margin: 20px; +} + +.short { + width: 50px; +} + +.card { + display: flex; + flex-flow: row wrap; + justify-content: center; + align-content: center; +} + +.card-item { + flex: 0 0 220px; + margin: 40px 10px 40px 10px; +} + +.card-image { + width: 100px; + height: 100px; + margin: 0 auto 20px auto; + border-radius: 50%; + border: 4px solid #28AAE1; + background-color: #28AAE1; + overflow: hidden; +} + +.card-image img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; +}