diff --git a/README.md b/README.md
new file mode 100644
index 0000000..ea88a5d
--- /dev/null
+++ b/README.md
@@ -0,0 +1,101 @@
+# 2017.writespeakcode.com
+2017 Conference Website
+
+## Contributing
+
+Please take a look at our [contributing](CONTRIBUTE.md) guidelines (coming soon!).
+
+We have volunteers who work on our website to make sure it is up-to-date for all of our events. You are welcome to work on it too!
+
+## Installation
+
+1. `git clone https://github.com/WriteSpeakCode/2017_conf.git`
+1. Open `index_countdown.html` in your favorite browser
+1. Profit!
+
+## Create a pull request
+
+- Create changes on a feature branch
+- Submit a pull request to the `master` branch
+- Ping `@jarmstrng` in a comment
+
+## Publish
+
+Coming soon!
+
+
+
+## License
+
+The code is available under the [MIT license](MIT-LICENSE).
+
+## Tips
+
+[Eventicka II theme documentation](https://github.com/WriteSpeakCode/2017-raw-template/blob/master/documentation/index.html)
+
+To hide or unhide an element, use `.hidden`.
+
+Make updates to styling in `custom.css`.
+
+
diff --git a/assets/css/custom.css b/assets/css/custom.css
index c3acfce..398d4f6 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,13 +1,26 @@
-/*
+/*
EVENTICKA II CUSTOM STYLESHEET
--------------------------
Instructions:
-Add your custom styles in this file instead of style.css so it
-is easier to update the theme. Simply copy an existing style
+Add your custom styles in this file instead of style.css so it
+is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */
+/*
+Brand Colors
+---------------
+Coral: 235,104,82 RGB or #EB6851
+Yellow: 248,235,96 RGB or #F7EA5F
+Blue: 23,39,82 RGB or #172751
+*/
+
+/* Hide an element */
+.hidden {
+ display: none;
+}
+
/* ASSIGN CUSTOM PRIMARY FONT */
@@ -24,41 +37,55 @@ body, #qcSiteNav h4, #qcPriNav ul > li > a, #qcPriNav ul ul > li > a, .dash_titl
/* ASSIGN CUSTOM PRIMARY HIGHLIGHT COLOR */
#qcWidgets, .qcOrderedList.check li:before {
- background-color: #1DB6AD;
+ background-color: #EB6851;
}
#qcHeader {
- border-top-color: #1DB6AD;
-}
-body.home:after {
- background: rgba(29,182,173,0.7);
+ border-top-color: #172751;
}
/* ASSIGN CUSTOM SECONDARY HIGHLIGHT COLOR */
#qcPageContentTabs > ul li.active:before, .qcScheduleList > li.toggle:hover:before, .qcScheduleList > li.toggle.active:before, .qcVenueHotels li:hover .action a, .qcTicketAction:hover, #qcSubscribeWidget input[type=submit]:hover, .qcTcktSubmit button:hover {
- background-color: red;
+ background-color: #EB6851;
}
#qcTabNav li.active a, #qcTabNav li.active a:hover, #qcTabNav li.active a i, #qcPageContentTabs > ul li.active > a, .qcVenueHotels li:hover h2, .speakers .item:hover .item-title .read-more, .speakers .item-desc h3, .speakers .item-desc p, #qcPriFooter nav li a:hover, .copyrights a:hover, .qcCheckboxText a:hover, .error {
- color: red;
+ color: #EB6851;
}
#qcPageContentTabs > ul li.active:after {
- border-top-color: red;
+ border-top-color: #EB6851;
}
.copyrights a:hover, .qcCheckboxText a:hover {
- border-bottom-color: red;
+ border-bottom-color: #EB6851;
}
/* ASSIGN CUSTOM TERTIARY HIGHLIGHT COLOR */
#qcCountdown, .qcScheduleList > li.toggle:before, .qcTicketAction, #qcSubscribeWidget input[type=submit] {
- background-color: orange;
+ background-color: #EB6851;
}
#qcPriNav > li.active > a, #qcPriNav ul > li.active > a {
- color: orange;
+ color: #EB6851;
}
/* ASSIGN CUSTOM PAGE BACKGROUND COLOR/IMAGE */
-body.home.static {
- background: #fff url('');
-}
\ No newline at end of file
+.countdown {
+ background: url('../img/WSC-bg.jpg') no-repeat center center fixed;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ padding-bottom: 3em;
+ border-bottom: 5px solid #EB6851;
+}
+body.home:after {
+ background: none;
+}
+
+#qcSlideText .qcTargetLink {
+ color: #EB6851;
+}
+
+#qcWidgets, .qcOrderedList.check li:before {
+ background-color: #172751;
+}
diff --git a/assets/css/style.css b/assets/css/style.css
index 83ee95a..f177000 100755
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -11,11 +11,11 @@ Copyright: © 2016 QuadCodes.
1. GLOBAL
2. SITE NAVIGATION
3. HOMEPAGE
- 3.1 HOME BODY
+ 3.1 HOME BODY
3.2 HOME STATIC
- 3.3 HOME COUNTDOWN TIMER
- 3.4 HOME SLIDER
- 3.5 HOME FULLSCREEN VIDEO
+ 3.3 HOME COUNTDOWN TIMER
+ 3.4 HOME SLIDER
+ 3.5 HOME FULLSCREEN VIDEO
4. PAGES
4.1 PAGE TAB NAV
4.2 PAGE TAB TITLE
@@ -26,7 +26,7 @@ Copyright: © 2016 QuadCodes.
4.7 GALLERY
4.8 SPEAKERS
4.9 ABOUT
- 4.10 FAQ
+ 4.10 FAQ
5. WIDGETS
5.1 TESTIMONIAL WIDGET
5.2 SUBSCRIBE WIDGET
@@ -106,7 +106,7 @@ body {
text-transform: uppercase;
letter-spacing: 0.2em;
}
-#qcPriNav {
+#qcPriNav {
display: inline-block;
padding: 35px 60px;
background: rgba(22,22,22,0.5);
@@ -123,12 +123,12 @@ body {
#qcPriNav li a:hover {
color: #fff;
}
-#qcPriNav > li.active > a, #qcPriNav ul > li.active > a {
+#qcPriNav > li.active > a, #qcPriNav ul > li.active > a {
color: orange;
}
#qcPriNav ul {
display: none;
- padding: 5px 0;
+ padding: 5px 0;
}
#qcPriNav ul > li > a {
display: block;
@@ -185,7 +185,7 @@ body {
/* === 3.1 HOME BODY === */
-body.home {
+/*body.home {
overflow: hidden;
background: #000;
background-position: center center;
@@ -201,7 +201,7 @@ body.home:after {
height: 100%;
background: rgba(29,182,173,0.7);
z-index: 8;
-}
+}*/
.home #qcHeader {
position: relative;
border-top-color: transparent;
@@ -212,13 +212,13 @@ body.home:after {
/* === 3.2 HOME STATIC === */
-body.home.static {
+/*body.home.static {
overflow: hidden;
background: #000 url('http://placehold.it/1280x1024');
background-position: center center;
background-size: cover;
background-attachment: fixed;
-}
+}*/
/* === 3.3 HOME COUNTDOWN TIMER === */
@@ -387,8 +387,8 @@ video#qcBgVid {
/* === 4.1 PAGE TAB NAV === */
-#qcMbTrigger {
- display: none;
+#qcMbTrigger {
+ display: none;
}
#qcTabNav {
position: relative;
@@ -455,7 +455,7 @@ video#qcBgVid {
padding: 60px 0;
border-bottom: 1px #555 solid;
}
-#qcTabTitle.qcBorderTop {
+#qcTabTitle.qcBorderTop {
border-top: 1px #aaa solid;
}
#qcTabTitle p {
@@ -538,7 +538,7 @@ video#qcBgVid {
text-transform: uppercase;
background: #fff5ee;
border-bottom: 1px #ffbf95 solid;
-
+
letter-spacing: 0.03em;
}
.qcTabHead > .col:last-child {
@@ -561,7 +561,7 @@ video#qcBgVid {
border: 0;
}
.qcScheduleList > li.toggle {
- cursor: pointer;
+ cursor: pointer;
}
.qcScheduleList > li.toggle:before {
content: "+";
@@ -708,7 +708,7 @@ video#qcBgVid {
#qcVenueHotelsHead {
margin-top: 40px;
color: #444;
- font: 500 20px/100px "Dosis", Helvetica, sans-serif;
+ font: 500 20px/100px "Dosis", Helvetica, sans-serif;
letter-spacing: 0.02em;
text-transform: uppercase;
text-align: center;
@@ -782,7 +782,7 @@ video#qcBgVid {
letter-spacing: 0.02em;
text-transform: uppercase;
padding-bottom: 40px;
- border-bottom: 1px #FFBF95 solid;
+ border-bottom: 1px #FFBF95 solid;
}
.qcTicketHead p {
color: #999;
@@ -902,7 +902,7 @@ video#qcBgVid {
width: 100%;
display: block;
-webkit-filter: grayscale(100%);
- filter: gray;
+ filter: gray;
filter: grayscale(100%);
}
.speakers .item:hover > img {
@@ -927,9 +927,9 @@ video#qcBgVid {
transition: all .2s linear;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
- -webkit-transition: all .2s linear;
+ -webkit-transition: all .2s linear;
}
-.speakers .item:hover .item-title {
+.speakers .item:hover .item-title {
padding-bottom: 150px;
margin-top: -50px;
}
@@ -973,7 +973,7 @@ video#qcBgVid {
}
.speakers .item-desc h3, .speakers .item-desc p {
color: red;
-}
+}
.speakers .item-desc p {
padding-bottom: 30px;
color: #888;
@@ -1273,26 +1273,26 @@ video#qcBgVid {
/* === 5.3 SPONSORS WIDGET === */
-.qcSposnsorList {
+.qcSponsorList {
margin-top: 0px;
}
-.qcSposnsorList li a {
+.qcSponsorList li a {
display: block;
padding: 20px;
}
-.qcSposnsorList li img {
+.qcSponsorList li img {
display: block;
width: 100%;
}
-.qcSposnsorList .owl-controls {
+.qcSponsorList .owl-controls {
position: absolute;
top: -90px;
right: 0;
}
-.qcSposnsorList .owl-prev {
+.qcSponsorList .owl-prev {
margin-left: -70px;
}
-.qcSposnsorList .owl-buttons > .owl-prev, .qcSposnsorList .owl-buttons > .owl-next {
+.qcSponsorList .owl-buttons > .owl-prev, .qcSponsorList .owl-buttons > .owl-next {
background-image: url('../img/theme/carouselNav_light.png');
}
@@ -2223,7 +2223,7 @@ ul#slide-list li a:hover {
#qcCloseNav {
right: 45px;
}
- #qcTabNav li {
+ #qcTabNav li {
width: 100px;
}
#qcTabNav li a {
@@ -2272,8 +2272,8 @@ ul#slide-list li a:hover {
}
#qcTopNav .qcContainer > ul, #qcTopNav .qcContainer > ul li a, #qcTopNav .qcContainer > ul ul, #qcLogin, #qcLogin span, #qcCountdown, .digits, .dash_title span, #qcEventBanner, #qcEventBanner ul {
right: 0;
- -webkit-transform: none;
- -moz-transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
-o-transform: none;
}
#qcEventBanner {
@@ -2282,7 +2282,7 @@ ul#slide-list li a:hover {
#qcEventBanner ul li {
text-indent: 20px;
}
- #qcSlideText {
+ #qcSlideText {
margin: 30px 50px;
width: auto;
text-align: center;
@@ -2310,7 +2310,7 @@ ul#slide-list li a:hover {
.speakers .item-title {
padding: 40px 35px 80px 35px;
}
- .speakers .item:hover .item-title {
+ .speakers .item:hover .item-title {
padding-bottom: 130px;
margin-top: -50px;
}
@@ -2345,7 +2345,7 @@ ul#slide-list li a:hover {
top: 30px;
font-size: 100px;
}
-
+
}
@@ -2363,7 +2363,7 @@ ul#slide-list li a:hover {
#qcHeader {
padding: 40px 0 20px 0;
}
- #qcTabNav li {
+ #qcTabNav li {
width: 90px;
}
#qcTabNav li a {
@@ -2412,8 +2412,8 @@ ul#slide-list li a:hover {
}
#qcTopNav .qcContainer > ul, #qcTopNav .qcContainer > ul li a, #qcTopNav .qcContainer > ul ul, #qcLogin, #qcLogin span, #qcCountdown, .digits, .dash_title span, #qcEventBanner, #qcEventBanner ul {
right: 0;
- -webkit-transform: none;
- -moz-transform: none;
+ -webkit-transform: none;
+ -moz-transform: none;
-o-transform: none;
}
#qcEventBanner {
@@ -2422,7 +2422,7 @@ ul#slide-list li a:hover {
#qcEventBanner ul li {
text-indent: 20px;
}
- #qcSlideText {
+ #qcSlideText {
margin: 30px 50px;
width: auto;
text-align: center;
@@ -2456,7 +2456,7 @@ ul#slide-list li a:hover {
.speakers .item-title .read-more {
font-size: 14px;
}
- .speakers .item:hover .item-title {
+ .speakers .item:hover .item-title {
padding-bottom: 130px;
margin-top: -50px;
}
@@ -2525,9 +2525,9 @@ ul#slide-list li a:hover {
#qcCloseNav {
right: 45px;
}
- #qcMbTrigger {
- display: block;
- position: relative;
+ #qcMbTrigger {
+ display: block;
+ position: relative;
line-height: 60px;
font-size: 16px;
line-height: 54px;
@@ -2579,7 +2579,7 @@ ul#slide-list li a:hover {
left: 46px;
font-size: 13px;
}
- .qcScheduleList .col-9 {
+ .qcScheduleList .col-9 {
width: 100%;
}
.qcScheduleList .col-3 {
@@ -2604,7 +2604,7 @@ ul#slide-list li a:hover {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
- }
+ }
.qcTicketBox > .col, .qcTcktRegForm li, #qcSubscribeWidget input[type="text"], #qcSubscribeWidget input[type="submit"] {
width: 100%;
}
@@ -2707,7 +2707,7 @@ ul#slide-list li a:hover {
padding-left: 110px;
top: 15px;
font-size: 16px;
- }
+ }
#qcTestimonial p {
margin-top: 30px;
font-size: 16px;
@@ -2718,4 +2718,4 @@ ul#slide-list li a:hover {
border-bottom: 1px dotted #bbb;
}
-}
\ No newline at end of file
+}
diff --git a/assets/img/WSC-bg.jpg b/assets/img/WSC-bg.jpg
new file mode 100644
index 0000000..158b15b
Binary files /dev/null and b/assets/img/WSC-bg.jpg differ
diff --git a/assets/img/WSClogos_stacked_coral-blush-gold_screen.png b/assets/img/WSClogos_stacked_coral-blush-gold_screen.png
new file mode 100644
index 0000000..37c9fe4
Binary files /dev/null and b/assets/img/WSClogos_stacked_coral-blush-gold_screen.png differ
diff --git a/assets/js/init.js b/assets/js/init.js
index 3315749..6fd4f5e 100755
--- a/assets/js/init.js
+++ b/assets/js/init.js
@@ -68,9 +68,9 @@ $(window).resize(function() {
if (jQuery.isFunction(jQuery.fn.countDown)) {
$('#qcCountdown').countDown({
targetDate: {
- 'day': 31,
- 'month': 12,
- 'year': 2016,
+ 'day': 23,
+ 'month': 08,
+ 'year': 2017,
'hour': 0,
'min': 0,
'sec': 0
@@ -98,7 +98,7 @@ $(".qcSpeakerList").owlCarousel({
});
// --- SPONSORS -- //
-$(".qcSposnsorList").owlCarousel({
+$(".qcSponsorList").owlCarousel({
items : 5, //10 items above 1000px browser width
itemsDesktop : [1080,3], //5 items between 1000px and 901px
itemsDesktopSmall : [900,4], // betweem 900px and 601px
@@ -214,7 +214,7 @@ if (document.getElementById('qcContactMap')) {
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
-
+
/* RESIZE MAP ON TAB CHANGE */
$('#qcTabNav li').click(function() {
if($('#qcContactMap').is(':visible')) {
@@ -264,7 +264,7 @@ $('.qcForm').submit(function() {
var formInput = $(this).serialize();
var hideForm = $(this);
$.post($(this).attr('action'),formInput, function(data){
- $(hideForm).slideUp( "fast", function() {
+ $(hideForm).slideUp( "fast", function() {
$(this).before( 'Thank you! Your email was successfully sent.
' );
});
});
@@ -283,4 +283,4 @@ $('.qcForm').submit(function() {
$(window).load(function() {
$('#slideContent').fadeIn();
-});
\ No newline at end of file
+});
diff --git a/index_countdown.html b/index_countdown.html
index ac04273..db91edc 100755
--- a/index_countdown.html
+++ b/index_countdown.html
@@ -3,7 +3,7 @@
- Eventicka II
+ 2017 Write/Speak/Code Conference
@@ -11,116 +11,152 @@
-
+
+
-
+
-
-
-
-
-
-
- 
-
+