This commit is contained in:
Vasil Kolev 2014-10-13 09:22:44 +03:00 committed by Openfest
commit 52ceeaee1e
6 changed files with 513 additions and 15 deletions

View File

@ -663,3 +663,74 @@ a.button:hover { opacity: 0.8; }
.program table td, .program table th { .program table td, .program table th {
padding: 1em 0; padding: 1em 0;
} }
/*********************************************
* Team members
*********************************************/
.schedule {
width: 100%;
font-size: 0.8em;
margin: 0 0 3em 0;
clear: both;
}
.schedule-legend {
width: 300px;
}
.schedule th, .schedule td {
border-bottom: 1px solid #000;
border-right: 1px dotted #999;
padding: 0.6em 0.4em;
text-align: center;
vertical-align: middle;
}
.schedule-legend td {
padding: 0.4em;
}
.schedule tr td:first-child {
min-width: 82px;
}
.schedule-day {
font-weight: bold;
}
.schedule-empty {
background: #FFF;
}
.schedule-social {
background: #EDD7A7;
}
.schedule-technical {
background: #A4D183;
}
.schedule-workshop {
background: #E2E0E9;
}
.schedule-english::after {
content: " ";
background: url('../img/en_US.png');
width: 16px;
height: 11px;
display: block;
margin: 0.3em auto 0.3em auto;
}
.schedule-bg::after {
content: " ";
background: url('../img/bg_BG.png');
width: 16px;
height: 11px;
display: block;
margin: 0.3em auto 0.3em auto;
}
.schedule-civic {
background: #E8AAAB;
}
.schedule-advanced-technical {
background: #91C4DF;
}
.schedule-open-biz {
background: #DECDCB;
}
.schedule-misc {
background: #B0E9EC;
}
.schedule-open-art {
background: #ED9134;
}

View File

@ -235,16 +235,17 @@ nav ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
nav ul > li { nav ul li {
position: relative;
}
nav .menu > li {
float: left; float: left;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
nav ul a {
color: #000; nav .menu > li {
text-decoration: none;
display: block;
padding: 1.5em 0.4em;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -252,9 +253,56 @@ nav ul a {
-webkit-transition: border-top 200ms; -webkit-transition: border-top 200ms;
border-top: 0 solid #FFF; border-top: 0 solid #FFF;
} }
nav ul a:hover {
nav .menu > li:hover {
border-top: 0.4em solid #A8D6FF; border-top: 0.4em solid #A8D6FF;
} }
.menu li.fa::before {
display: block;
padding: 30px 4px 0 4px;
}
.menu li.fa a {
padding-top: 0;
position: absolute;
display: block;
top: 0;
left: 0;
height: 52px;
width: 10px;
}
nav ul a {
color: #000;
text-decoration: none;
display: block;
padding: 1.5em 0.4em;
}
nav ul .sub-menu {
display: none;
position: absolute;
background: #fff;
width: 200px;
left: 50%;
margin-left: -100px;
box-shadow: 0 3px 5px -3px #000
}
nav ul li:hover .sub-menu {
display: block;
position: absolute;
}
nav ul .sub-menu li,
nav ul .sub-menu li a { display: block; width: 100%; }
nav ul .sub-menu li a { padding: 1em 0; text-align: center; }
nav ul .sub-menu li { border-bottom: 1px solid #ccc; }
nav ul .separator { nav ul .separator {
display: block; display: block;
width: 0.05em; width: 0.05em;
@ -306,15 +354,15 @@ nav .selected {
/* Banner */ /* Banner */
.banner { .banner {
height: 245px; height: 258px;
background: url("../img/banner.jpg") no-repeat; background: url("../img/banner.jpg") no-repeat;
background-size: cover; background-size: cover;
padding: 4em 0 0 0; padding: 0.2em 0 0 0;
} }
.banner img { .banner img {
display: block; display: block;
max-width: 100%; max-width: 100%;
height: 157px; height: 247px;
margin: 0 auto; margin: 0 auto;
} }
@media all and (max-width: 840px) { @media all and (max-width: 840px) {
@ -350,6 +398,10 @@ nav .selected {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.grid .col3:nth-child(3n + 1) {
clear: both;
padding: 0;
}
.grid .col4 { .grid .col4 {
width: 25%; width: 25%;
float: left; float: left;
@ -357,6 +409,10 @@ nav .selected {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.grid .col4:nth-child(4n + 1) {
clear: both;
padding: 0;
}
.grid .col-left { .grid .col-left {
width: 70%; width: 70%;
float: left; float: left;
@ -368,10 +424,15 @@ nav .selected {
.grid .col-right { .grid .col-right {
width: 30%; width: 30%;
float: left; float: left;
margin-bottom: 2em;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.grid .col-right .content {
width: 100%;
}
@media all and (max-width: 600px) { @media all and (max-width: 600px) {
.grid .col2, .grid .col3, .grid .col4, .grid .col-left, .grid .col-right { .grid .col2, .grid .col3, .grid .col4, .grid .col-left, .grid .col-right {
width: 100%; width: 100%;
@ -415,7 +476,7 @@ h4 {
/* Footer */ /* Footer */
footer { footer {
margin: 2em 0 0 0; margin: -0.3em 0 0;
padding-top: 1em; padding-top: 1em;
padding-bottom: 1em; padding-bottom: 1em;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -424,16 +485,26 @@ footer {
background: #ddd; background: #ddd;
} }
footer .content li { list-style: none; }
#copyright {
text-align: center;
}
/* Sub navigation */ /* Sub navigation */
.subnav { .subnav {
margin-top: 1.6em; margin-top: 1.6em;
list-style: none; list-style: none;
padding-left: 0; padding-left: 0;
} }
.subnav .menu {
margin-left: -2.2em;
}
.subnav li { .subnav li {
float: left; float: left;
padding: 0; padding: 0;
margin: 0 1em 0 0; margin: 0 1em 0 0;
list-style: none outside;
} }
.subnav li.selected { .subnav li.selected {
font-weight: bold; font-weight: bold;
@ -492,3 +563,77 @@ footer {
display: inline-block; display: inline-block;
margin: 0 0 2em 0; margin: 0 0 2em 0;
} }
/* Plugins */
.gmp_map_opts {
float: none !important;
margin-top: 2em !important;
}
/*********************************************
* GLOBAL STYLES (Small style changes)
*********************************************/
h1 { font-size: 1.8em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a { color: #428bca; text-decoration: none; }
a:hover { text-decoration: underline; }
/*********************************************
* Navigation
*********************************************/
nav .menu > li { margin: 1px 10px; }
/*********************************************
* Tagline & Sponsors
*********************************************/
.col2.tagline { width: 70%; }
.col2.sponsors { width: 30%; }
.separator { margin: 2.4em 0; height: 1px; background: #DBDBDB; }
section.content.grid.homepage { margin-top: 2em; }
h4 { margin: 1em 0; }
a.footer { color: #333; }
a.button { text-decoration: none; color: #333; }
a.button:hover { opacity: 0.8; }
/*********************************************
* Team members
*********************************************/
.members {
margin: 0 0 2em 0;
}
.member {
margin: 0 0 1em 0;
}
.member a {
display: block;
}
.member a > img {
padding: 0.3em;
background: #FFF;
-moz-box-shadow: 0px 0px 1px 1px #999;
-webkit-box-shadow: 0px 0px 1px 1px #999;
box-shadow: 0px 0px 1px 1px #999;
}
.member span {
display: block;
}

282
html/schedule.html Normal file
View File

@ -0,0 +1,282 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="OpenFest" />
<meta name="copyright" content="OpenFest" />
<meta name="robots" content="follow,index" />
<meta name="title" content="" />
<meta name="keywords" content="" lang="en-us" />
<meta name="description" content="" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="icon" type="image/png" href="">
<title>OpenFest</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/styles.css">
</head>
<body>
<nav>
<div class="content cf">
<a href="#" class="logo"><img src="img/logo.png" alt="OpenFest" /></a>
<div class="menu-%d0%be%d1%81%d0%bd%d0%be%d0%b2%d0%bd%d0%be-%d0%bc%d0%b5%d0%bd%d1%8e-container"><ul id="menu-%d0%be%d1%81%d0%bd%d0%be%d0%b2%d0%bd%d0%be-%d0%bc%d0%b5%d0%bd%d1%8e" class="menu"><li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17"><a href="http://wwwt.openfest.org/bg/about/">За събитието</a></li>
<li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15"><a href="http://wwwt.openfest.org/bg/schedule/">Програма</a></li>
<li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8 current_page_item menu-item-16"><a href="http://wwwt.openfest.org/bg/sponsors/">Спонсори</a></li>
<li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="http://wwwt.openfest.org/bg/contacts/">Контакти</a></li>
<li id="menu-item-60" class="fa fa-twitter menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="https://twitter.com/openfestbg"></a></li>
<li id="menu-item-61" class="fa fa-facebook menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="https://www.facebook.com/groups/6360369433"></a></li>
<li id="menu-item-62" class="fa fa-rss menu-item menu-item-type-custom menu-item-object-custom menu-item-62"><a href="http://openfest.org/feed"></a></li>
<li id="menu-item-3181-en" class="lang-item lang-item-13 lang-item-en menu-item menu-item-type-custom menu-item-object-custom menu-item-3181-en"><a href="http://wwwt.openfest.org/en/sponsors-4/" hreflang="en"><img src="http://wwwt.openfest.org/wp-content/plugins/polylang/flags/en_US.png" title="English" alt="English" /></a></li>
</ul></div> </div>
</div>
</nav>
<br /><br />
<section class="content">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium obcaecati eos expedita natus temporibus, soluta illum alias aspernatur ullam officiis autem dolore error voluptatem nisi a culpa corrupti voluptates quis!
</p>
</section>
<div class="separator"></div>
<section class="content">
<table cellpadding="0" cellspacing="0" class="schedule">
<!-- top row -->
<tr>
<th></th>
<th>Зала 1</th>
<th>Зала Варна</th>
<th>Зала Г1</th>
<th>workshops</th>
</tr>
<!-- day row -->
<tr>
<td class="schedule-day">Събота</td>
<td colspan="4" class="schedule-empty"></td>
</tr>
<!-- event row -->
<tr>
<td>10:00-10:15</td>
<td>Откриване (Яна и Мариян)</td>
<td class="schedule-empty" colspan="3"></td>
</tr>
<!-- event row -->
<tr>
<td>10:15-11:11</td>
<td class="schedule-social schedule-english">Encryption as social change (ze germans)</td>
<td class="schedule-empty" colspan="3"></td>
</tr>
<!-- event row -->
<tr>
<td>11:15-12:00</td>
<td class="schedule-technical schedule-bg">ES6: The Good Parts (Симандов)</td>
<td class="schedule-social schedule-bg">Отворени инструменти за независима журналистика (Петя и</td>
<td class="schedule-technical schedule-english">uinput-mapper (Merlijn Wajer)</td>
<td class="schedule-workshop schedule-bg" rowspan="2">How To CryptoParty</td>
</tr>
<!-- event row -->
<tr>
<td>12:15-13:00</td>
<td class="schedule-technical schedule-bg">Програмируем Дом (Олимекс)</td>
<td class="schedule-advanced-technical schedule-bg">Виртуализирай това... (Мартин Иванов)</td>
<td class="schedule-english schedule-civic">Re-usable components for civic tech (Dave)</td>
</tr>
<!-- event row -->
<tr>
<td>13:00-14:30</td>
<td class="schedule-other" colspan="4">Обяд</td>
</tr>
<!-- event row -->
<tr>
<td>14:30-15:15</td>
<td class="schedule-civic schedule-bg">I reject your reality and substitute my own (Iliyan)</td>
<td class="schedule-technical schedule-bg">Node.js going to be native (Валентин Николов)</td>
<td class="schedule-empty schedule-bg"></td>
<td class="schedule-workshop schedule-bg" rowspan="2">The web hacking competition</td>
</tr>
<!-- event row -->
<tr>
<td>15:30-16:15</td>
<td class="schedule-civic schedule-bg">Отворен код в държавата (Божо)</td>
<td class="schedule-advanced-technical schedule-bg">RIPE Atlas data processing backend (Sergey)</td>
<td class="schedule-open-biz schedule-bg">Приложение на Linux в управлението на минния добив</td>
</tr>
<!-- event row -->
<tr>
<td>16:30-17:15</td>
<td class="schedule-civic schedule-english">UI design for open data (Hollie)</td>
<td class="schedule-advanced-technical schedule-bg">ATA over Ethernet (krosnov)</td>
<td class="schedule-misc schedule-bg">Lightning talks</td>
<td class="schedule-empty"></td>
</tr>
<!-- event row -->
<tr>
<td>17:30-18:15</td>
<td class="schedule-social schedule-bg">Висше образование, университети, проблеми и решения (r</td>
<td class="schedule-advanced-technical schedule-bg">LUKS, TPM and full disk encryption without password (Никола Колев)</td>
<td class="schedule-empty" colspan="2"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" class="schedule">
<tr>
<th></th>
<th>Зала 1</th>
<th>Зала Варна</th>
<th>Зала Г1</th>
<th>workshops</th>
</tr>
<tr>
<td class="schedule-day">Неделя</td>
<td colspan="4" class="schedule-empty"></td>
</tr>
<tr>
<td>10:15-11:00</td>
<td class="schedule-social schedule-bg">За свободата, програмиста, и менажерията (Николай Цвет</td>
<td class="schedule-advanced-technical schedule-bg">Aggressive DevOps (core-ix)</td>
<td class="schedule-civic schedule-bg">Open не е достатъчно (Тони)</td>
<td class="schedule-empty"></td>
</tr>
<tr>
<td>11:15-12:00</td>
<td class="schedule-technica schedule-bgl">Clojure (skanev)</td>
<td class="schedule-advanced-technical schedule-bg">SIM card protocol tracing using Osmocom SIMtrace (Harald)</td>
<td class="schedule-technical schedule-bg">Peer-to-peer streaming & file storage (Иво Георгиев)</td>
<td class="schedule-workshop" rowspan="2">Да хакнем дрон</td>
</tr>
<tr>
<td>11:15-12:00</td>
<td class="schedule-social schedule-english">The future is open (Chiara & Carlo)</td>
<td class="schedule-advanced-technical schedule-bg">Адаптация на Linux за ARM устройства (Леон Анави)</td>
<td class="schedule-technical schedule-bg">Polymer (Пламен)</td>
</tr>
<tr>
<td>13:00-14:30</td>
<td class="schedule-other" colspan="4">Обяд</td>
</tr>
<tr>
<td>14:30-15:15</td>
<td class="schedule-technical schedule-bg">За програмирането (краси)</td>
<td class="schedule-technical schedule-bg">Лесни стъпки към по-добра Уеб сигурност (Явор)</td>
<td class="schedule-misc schedule-bg">Lightning talks</td>
<td class="schedule-workshop schedule-bg" rowspan="2">Olimex workshop ?</td>
</tr>
<tr>
<td>15:30-16:15</td>
<td class="schedule-open-art schedule-bg">Интерактивни технологии в контекста на съвременните из</td>
<td class="schedule-advanced-technical schedule-bg">Maintaining custom Kernel builds (mm)</td>
<td class="schedule-technical schedule-bg">FFmpeg от 0 до x264 (Емил Иванов)</td>
</tr>
<tr>
<td>16:30-17:15</td>
<td class="schedule-technical schedule-english">Software Defined Radio and rtl-sdr (harald)</td>
<td class="schedule-social schedule-bg">Mind patterns and anti-patterns (Djuvi)</td>
<td colspan="2" class="schedule-empty"></td>
</tr>
<tr>
<td>17:30-18:15</td>
<td class="schedule-technical schedule-bg">The Elements of Style in Programming (batsov)</td>
<td class="schedule-advanced-technical schedule-bg">OpenCL: Как програмата ми стана 1500 пъти по-бърза (боби)</td>
<td colspan="2" class="schedule-empty"></td>
</tr>
<tr>
<td>18:15-18:30</td>
<td class="schedule-other">закриване (Мариян и Яна)</td>
<td colspan="3" class="schedule-empty"></td>
</tr>
</table>
<!-- legend -->
<table cllpadding="0" cellspacing="0" class="schedule schedule-legend">
<tr><td class="schedule-technical">Technical</td></tr>
<tr><td class="schedule-advanced-technical">Advanced technical</td></tr>
<tr><td class="schedule-social">Social</td></tr>
<tr><td class="schedule-open-art">Open art</td></tr>
<tr><td class="schedule-open-biz">Open biz</td></tr>
<tr><td class="schedule-civic">Civic hacking</td></tr>
<tr><td class="schedule-misc">Misc</td></tr>
<tr><td class="schedule-english">English</td></tr>
<tr><td class="schedule-bg">Български</td></tr>
</table>
</section>
<footer>
<div class="content grid">
<div class="col4">
<h3>OpenFest</h3>
<p>
<a href="#">Начало</a><br />
<a href="#">Идеи и препоръки</a><br />
<a href="#">За събитието</a><br />
<a href="#">Спонсори</a><br />
<a href="#">Програма</a><br />
<a href="#">Екип</a><br />
<a href="#">Историята</a><br />
<a href="#">Контакти</a>
</p>
</div>
<div class="col4">
<h3>Програма</h3>
<p>
<a href="#">Информация</a><br />
<a href="#">Календар</a><br />
<a href="#">Зали</a><br />
</p>
</div>
<div class="col4">
<h3>Други</h3>
<p>
<a href="#">Хотели</a><br />
<a href="#">Заведения</a><br />
<a href="#">Beer Events</a><br />
<a href="#">After party</a><br />
</p>
</div>
<div class="col4">
<h3>Последвайте ни в:</h3>
<p>
<a href="#"><i class="fa fa-twitter"></i> Twitter</a><br />
<a href="#"><i class="fa fa-facebook"></i> Facebook</a><br />
<a href="#"><i class="fa fa-youtube"></i> YouTube</a>
</p>
</div>
</div>
</footer>
</body>
</html>

View File

@ -17,7 +17,7 @@
<title>OpenFest</title> <title>OpenFest</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/styles.css"> <link rel="stylesheet" href="./css/styles.css">
</head> </head>
<body> <body>

BIN
img/bg_BG.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 462 B

BIN
img/en_US.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 599 B