From e653af7a32454704c2a7c4d078cc9c41f55e4256 Mon Sep 17 00:00:00 2001 From: Midhat Date: Sun, 6 May 2018 16:13:35 +0300 Subject: [PATCH 1/3] Sponsoring frontend with script for level of sponsorship --- pyconbalkan/cfp/templates/cfp.html | 138 +++++++++++++++ pyconbalkan/core/static/css/style.css | 215 ++++++++++++++++++++++- pyconbalkan/core/static/js/level.js | 13 ++ pyconbalkan/core/templates/base.html | 2 +- pyconbalkan/core/templates/sponsor.html | 217 ++++++++++++++++++++++++ pyconbalkan/core/views.py | 4 + pyconbalkan/urls.py | 3 +- 7 files changed, 588 insertions(+), 4 deletions(-) create mode 100644 pyconbalkan/cfp/templates/cfp.html create mode 100644 pyconbalkan/core/static/js/level.js create mode 100644 pyconbalkan/core/templates/sponsor.html diff --git a/pyconbalkan/cfp/templates/cfp.html b/pyconbalkan/cfp/templates/cfp.html new file mode 100644 index 00000000..b3725bcd --- /dev/null +++ b/pyconbalkan/cfp/templates/cfp.html @@ -0,0 +1,138 @@ +{% load static %} + + + + + + PyCon Balkan 2018 + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + + +
+ + + + +
+
+ {% if conference %} +

{{ conference.event }}

+

{{ conference.name }}

+

{{ conference.city }} {{ conference.year }}

+ {% endif %} +
+
+ {% if conference %} +
+

#{{ conference.number }}

+

{{ conference.address }}

+
+

{{ conference.from_date }} - {{ conference.to_date }}

+

{{ conference.max_attendees }} attendees

+

{{ conference.get_type_display }}

+
+{#
#} +{# JOIN US#} +{#
#} +{#
#} +{# #} +{# #} +{# #} +{#
#} +
+ {% endif %} +
+ + + + + + + + + + +
+ + + + + + + + diff --git a/pyconbalkan/core/static/css/style.css b/pyconbalkan/core/static/css/style.css index cc8da6a1..5b09ef80 100644 --- a/pyconbalkan/core/static/css/style.css +++ b/pyconbalkan/core/static/css/style.css @@ -62,6 +62,11 @@ body { font-weight: 900; } +.font400 { + font-family: 'Montserrat', sans-serif; + font-weight: 400; +} + .one { margin-bottom: -12px; font-size: 4.5rem; @@ -99,13 +104,25 @@ hr { } .font-yellow { - color: #F3D66C; + color: #FFD54F; } .font-blue { color: #22A4D9; } +.font-white { + color: white; +} + +.font-grey { + color: darkgrey; +} + +.font-small { + font-size: 0.8em; +} + .fa-calendar-alt, .fa-users, .fa-globe{ color: #22A4D9; display: inline-block; @@ -185,7 +202,7 @@ ul.countdown li div { } .moveDown { - margin-top: 50px; + margin-top: 30px; } #btnBuyNow { @@ -259,4 +276,198 @@ ul.countdown li div { color: #FFFFFF; font-size: 32px; font-weight: bold; +} + +table.ticket { + border-collapse: separate; +} + +.input_border { + width: 100%; + box-sizing:border-box; + border: none; + border-radius: 30px; + -moz-border-radius: 30px; + -webkit-border-radius: 30px; + -moz-box-shadow: 0px 0px 0px #FFF; + -webkit-box-shadow: 0px 0px 0px #FFF; + box-shadow: 0px 0px 0px #FFF; + outline: 0; + padding: 4px 20px; + -webkit-appearance: none; + line-height: 2.2; + background-color: #FFF; +} + + +select, option { + margin: 0; + display: inline-block; + cursor: pointer; +} + +.b-select-wrap { + width: 100%; + overflow: hidden; + position: relative; +} + +.b-select-wrap:after { + content: "⌄"; + padding: 0%; + position: absolute; + top: 25%; + right: 15px; + z-index: 1; + text-align: center; + width: 20px; + height: 50%; + pointer-events: none; + color: #FFF; + font-size: 12px; + border-radius: 30px; + background-color: #0080C6; + font-weight: bolder; +} + +.b-input-date-wrap { + width: 100%; + overflow: hidden; + position: relative; +} + +.b-input-date-wrap:after { + content: "📅"; + padding: 1% 0% 0% 0%; + position: absolute; + top: 25%; + right: 15px; + z-index: 1; + text-align: center; + width: 20px; + height: 50%; + pointer-events: none; + color: #FFF; + font-size: 12px; + border-radius: 30px; + background-color: #0080C6; + font-weight: bolder; +} + +.b-input-time-wrap { + width: 100%; + overflow: hidden; + position: relative; +} + +.b-input-time-wrap:after { + content: "🕒"; + padding: 1% 0% 0% 0%; + position: absolute; + top: 25%; + right: 15px; + z-index: 1; + text-align: center; + width: 20px; + height: 50%; + pointer-events: none; + color: #FFF; + font-size: 12px; + border-radius: 30px; + background-color: #0080C6; + font-weight: bolder; +} + +input[type="date"]::-webkit-inner-spin-button, +input[type="date"]::-webkit-outer-spin-button, +input[type="time"]::-webkit-inner-spin-button, +input[type="time"]::-webkit-outer-spin-button, +input[type="time"]::-webkit-clear-button { + display: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin: 0; +} + +input[type="date"]::-webkit-datetime-edit{ + color: transparent; +} + +input[type="date"]:focus::-webkit-datetime-edit{ + color: #000; +} + +.button-style { + width: 100%; + border: 3px solid #FFD54F; + border-radius: 30px; + -moz-border-radius: 30px; + -webkit-border-radius: 30px; + -moz-box-shadow: 0px 0px 0px #FFF; + -webkit-box-shadow: 0px 0px 0px #FFF; + box-shadow: 0px 0px 0px #FFF; + outline: 0; + padding: 4px 20px; + -webkit-appearance: none; +} +button { + background-color: #333B3D; +} + +input[type="button"]{ + background-color: #FFD54F; +} + +input[type="checkbox"] +{ + border: 5px #FFF; + border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + -moz-box-shadow: 0px 0px 0px #FFF; + -webkit-box-shadow: 0px 0px 0px #FFF; + box-shadow: 0px 0px 0px #FFF; + outline: 0; + padding: 10px 10px; + -webkit-appearance: none; + line-height: 1.5; + background-color: #FFF; + width: 15px; + height: 10px; + margin-bottom: 0px; +} + +input[type="checkbox"]:checked { + background-color: #0080C6; +} + + +.left { + float: left; + color: #FFD54F; +} + +.right { + float: right; + color: #FFF; +} + +.yellow-table { + border-collapse: separate; + width: 100%; + height: 100%; + box-sizing: border-box; + box-shadow: #FFF 0px 0px 0px; + -webkit-appearance: none; + line-height: 2.2; + background: #FFD54F; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + -moz-box-shadow: 0px 0px 0px #FFF; + -webkit-box-shadow: 0px 0px 0px #FFF; + border-image: initial; + border-radius: 20px; + outline: 0px; + padding: 4px 20px; } \ No newline at end of file diff --git a/pyconbalkan/core/static/js/level.js b/pyconbalkan/core/static/js/level.js new file mode 100644 index 00000000..dfd0ba27 --- /dev/null +++ b/pyconbalkan/core/static/js/level.js @@ -0,0 +1,13 @@ +function radio() { + var content = document.querySelector('input[name="level"]:checked'); + var label = document.getElementById('label_name'); + label.innerText = content.value + ":"; + + + $(content).each(function() { + var idVal = $(this).attr("id"); + var level_value = $("label[id='"+idVal+"_value']"); + var label_value = document.getElementById('total'); + label_value.innerText = level_value.text(); + }); +} diff --git a/pyconbalkan/core/templates/base.html b/pyconbalkan/core/templates/base.html index 73faa740..75791bf8 100644 --- a/pyconbalkan/core/templates/base.html +++ b/pyconbalkan/core/templates/base.html @@ -54,6 +54,7 @@