├── README.md ├── assets ├── me.jpg ├── .DS_Store ├── logo.png ├── photo.jpg ├── pattern.png ├── city-full.jpg ├── city-wide.jpg ├── microsoft.png └── logo.svg ├── screenshot.png ├── fonts ├── .DS_Store ├── icomoon.eot ├── icomoon.ttf ├── icomoon.woff ├── icons │ ├── dropdown.svg │ ├── home.svg │ ├── twitter.svg │ ├── linkedin.svg │ ├── facebook.svg │ └── heart.svg ├── icomoon.svg └── selection.json ├── scss ├── mixins │ ├── _background-size.scss │ ├── _icons.scss │ ├── _buttons.scss │ └── _basics.scss ├── helpers │ ├── _text.scss │ ├── _screen-readers.scss │ ├── _responsive.scss │ ├── _icons.scss │ ├── _table.scss │ ├── _person.scss │ ├── _container.scss │ ├── _hackathon.scss │ ├── _buttons.scss │ └── _normalize.scss ├── partials │ ├── _social-links.scss │ ├── _global-content.scss │ ├── _person-list.scss │ ├── _splashes.scss │ ├── _footer.scss │ ├── _partner-list.scss │ ├── _forms.scss │ ├── _hackathon-list.scss │ ├── _sidebar.scss │ └── _global-nav.scss ├── _theme.scss ├── main.scss ├── _config.scss └── pages │ ├── _home.scss │ └── _hackathon.scss ├── package.json ├── Gruntfile.js ├── .gitignore ├── scripts └── script.js ├── index.html ├── imprint.html ├── contact.html ├── upcoming_events.html ├── team.html └── hackathon.html /README.md: -------------------------------------------------------------------------------- 1 | # hacking.healthcare 2 | hacking.healthcare web site content 3 | -------------------------------------------------------------------------------- /assets/me.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/assets/me.jpg -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/screenshot.png -------------------------------------------------------------------------------- /assets/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/assets/.DS_Store -------------------------------------------------------------------------------- /assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/assets/logo.png -------------------------------------------------------------------------------- /assets/photo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/assets/photo.jpg -------------------------------------------------------------------------------- /fonts/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/fonts/.DS_Store -------------------------------------------------------------------------------- /assets/pattern.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/assets/pattern.png -------------------------------------------------------------------------------- /fonts/icomoon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/fonts/icomoon.eot -------------------------------------------------------------------------------- /fonts/icomoon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/fonts/icomoon.ttf -------------------------------------------------------------------------------- /fonts/icomoon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/fonts/icomoon.woff -------------------------------------------------------------------------------- /assets/city-full.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/assets/city-full.jpg -------------------------------------------------------------------------------- /assets/city-wide.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/assets/city-wide.jpg -------------------------------------------------------------------------------- /assets/microsoft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mateuszsokola/hacking.healthcare/master/assets/microsoft.png -------------------------------------------------------------------------------- /scss/mixins/_background-size.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Background size 3 | // -------------------------------------------------- 4 | 5 | @mixin background-size($value) { 6 | -webkit-background-size: $value; 7 | -moz-background-size: $value; 8 | -o-background-size: $value; 9 | background-size: $value; 10 | } -------------------------------------------------------------------------------- /scss/helpers/_text.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Text 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // Base 7 | // -------------------------------------------------- 8 | .valign { 9 | @include vertical-align; 10 | } 11 | 12 | .text-center { 13 | text-align: center; 14 | } 15 | 16 | .info-text { 17 | max-width: 600px; 18 | } -------------------------------------------------------------------------------- /scss/helpers/_screen-readers.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Screen readers 3 | // -------------------------------------------------- 4 | 5 | // Base 6 | // -------------------------------------------------- 7 | .only-screen-readers { 8 | position: absolute; 9 | width: 1px; 10 | height: 1px; 11 | padding: 0; 12 | margin: -1px; 13 | overflow: hidden; 14 | clip: rect(0,0,0,0); 15 | border: 0; 16 | } -------------------------------------------------------------------------------- /scss/partials/_social-links.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Social links 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // Base 7 | // -------------------------------------------------- 8 | .social-links { 9 | display: table; 10 | margin: 20px auto; 11 | 12 | a { 13 | display: table-cell; 14 | font-size: 20px; 15 | padding-left: 10px; 16 | padding-right: 10px; 17 | } 18 | } -------------------------------------------------------------------------------- /scss/mixins/_icons.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Icon Mixins 3 | // -------------------------------------------------- 4 | 5 | @mixin icon_font() { 6 | font-family: 'icomoon'; 7 | speak: none; 8 | font-style: normal; 9 | font-weight: normal; 10 | font-variant: normal; 11 | text-transform: none; 12 | line-height: 1; 13 | 14 | /* Better Font Rendering =========== */ 15 | -webkit-font-smoothing: antialiased; 16 | -moz-osx-font-smoothing: grayscale; 17 | } -------------------------------------------------------------------------------- /scss/partials/_global-content.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Global Content 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // Base 7 | // -------------------------------------------------- 8 | .global-content { 9 | padding-bottom: 120px; 10 | padding-top: 20px; 11 | margin-top: 0; 12 | 13 | h1:first-child { 14 | margin-top: 0; 15 | } 16 | 17 | @media (min-width: $breakpoint-tablet) { 18 | margin-top: $global-nav-height; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hacking.healthcare", 3 | "version": "0.0.1", 4 | "description": "hacking.healthcare website", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "author": "Mateusz Sokola", 10 | "license": "Internal", 11 | "devDependencies": { 12 | "grunt": "^0.4.5", 13 | "grunt-contrib-connect": "^0.11.2", 14 | "grunt-contrib-sass": "^0.9.2", 15 | "grunt-contrib-watch": "^0.6.1" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /fonts/icons/dropdown.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /scss/helpers/_responsive.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | .breakline-below-desktop { 7 | display: block; 8 | 9 | @media (min-width: $breakpoint-desktop) { 10 | display: inline-block; 11 | } 12 | } 13 | 14 | .visible-above-tablet { 15 | display: none; 16 | 17 | @media (min-width: $breakpoint-tablet) { 18 | display: block; 19 | } 20 | } 21 | 22 | .visible-below-tablet { 23 | display: none; 24 | 25 | // must be lower than tablet, cause of conflicts 26 | @media (max-width: $breakpoint-tablet - 1) { 27 | display: block; 28 | } 29 | } -------------------------------------------------------------------------------- /scss/partials/_person-list.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Person List 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // Base 7 | // -------------------------------------------------- 8 | .person-hlist { 9 | // shape 10 | margin: 10px -10px 20px; 11 | padding-left: 0; // Override default ul/ol 12 | list-style: none; 13 | @include clearfix; 14 | 15 | > li { 16 | position: relative; 17 | float: left; 18 | width: 100%; 19 | text-align: center; 20 | padding: 10px; 21 | margin-bottom: 25px; 22 | 23 | @media (min-width: $breakpoint-smartphone) { 24 | width: 50%; 25 | } 26 | 27 | @media (min-width: $breakpoint-desktop) { 28 | width: 25%; 29 | } 30 | } 31 | } -------------------------------------------------------------------------------- /scss/partials/_splashes.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Splashes 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // Mixins 7 | @import '../mixins/_background-size'; 8 | 9 | // Config 10 | // -------------------------------------------------- 11 | $text-color: $brand-bright-text; 12 | $text-align: center; 13 | $text-weight: normal; 14 | 15 | $fade: rgba(0,0,0,.5); 16 | 17 | .splash { 18 | // shape 19 | @include background-size(cover); 20 | overflow: hidden; 21 | width: 100%; 22 | // font 23 | text-align: $text-align; 24 | color: $text-color; 25 | 26 | .inner-splash { 27 | // shape 28 | background: $fade; // fade background 29 | } 30 | 31 | h1 { 32 | font-weight: $text-weight; 33 | color: $text-color; 34 | } 35 | } 36 | 37 | @media (min-width: $breakpoint-tablet) { 38 | .splash { 39 | margin-top: $global-nav-height; 40 | } 41 | } -------------------------------------------------------------------------------- /scss/helpers/_icons.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Icons 3 | // -------------------------------------------------- 4 | @font-face { 5 | font-family: 'icomoon'; 6 | src:url('fonts/icomoon.eot?ism6ec'); 7 | src:url('fonts/icomoon.eot?#iefixism6ec') format('embedded-opentype'), 8 | url('fonts/icomoon.ttf?ism6ec') format('truetype'), 9 | url('fonts/icomoon.woff?ism6ec') format('woff'), 10 | url('fonts/icomoon.svg?ism6ec#icomoon') format('svg'); 11 | font-weight: normal; 12 | font-style: normal; 13 | } 14 | 15 | [class^="icon-"], [class*=" icon-"] { 16 | @include icon-font; 17 | } 18 | 19 | .icon-dropdown:before { 20 | content: "\e601"; 21 | } 22 | .icon-home:before { 23 | content: "\e602"; 24 | } 25 | .icon-twitter:before { 26 | content: "\e603"; 27 | } 28 | .icon-facebook:before { 29 | content: "\e600"; 30 | } 31 | .icon-linkedin:before { 32 | content: "\e604"; 33 | } 34 | .icon-heart:before { 35 | content: "\e605"; 36 | } 37 | -------------------------------------------------------------------------------- /scss/partials/_footer.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Footer 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // required mixins 7 | @import '../mixins/_basics'; 8 | 9 | // Config 10 | // -------------------------------------------------- 11 | $text-font: $default-text-font; 12 | $text-size: 12px; 13 | $text-height: 16px; 14 | $text-color: #e9e9e9; 15 | $text-align: center; 16 | 17 | $background-color: #111; 18 | $min-height: 50px; 19 | 20 | // Base 21 | // -------------------------------------------------- 22 | .footer { 23 | background: $background-color; 24 | min-height: $min-height; 25 | padding: 17px 10px; 26 | // font 27 | font-family: $text-font; 28 | font-size: $text-size; 29 | line-height: $text-height; 30 | text-align: $text-align; 31 | color: $text-color; 32 | 33 | .icon-heart { 34 | position: relative; 35 | padding: 0 10px; 36 | 37 | &:before { 38 | position: absolute; 39 | left: 2.5px; 40 | top: 1px; 41 | } 42 | } 43 | } 44 | 45 | -------------------------------------------------------------------------------- /scss/helpers/_table.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Table 3 | // -------------------------------------------------- 4 | @import '../config'; 5 | 6 | // Config 7 | // -------------------------------------------------- 8 | $thead-background: #f1f1f1; 9 | $tbody-background: #fafafa; 10 | $border-color: $brand-border-color; 11 | 12 | $thead-text-color: $brand-dark-text; 13 | $text-size: 14px; 14 | 15 | // Base 16 | // -------------------------------------------------- 17 | table { 18 | font-size: $text-size; 19 | margin-top: 40px; 20 | width: 100%; 21 | 22 | thead th, 23 | tbody td { 24 | padding: 15px 10px; 25 | } 26 | 27 | thead { 28 | tr { 29 | background: $thead-background; 30 | color: $thead-text-color; 31 | } 32 | } 33 | 34 | tbody { 35 | border-bottom: 1px solid $border-color; 36 | 37 | tr { 38 | border-top: 1px solid $border-color; 39 | background: $tbody-background; 40 | 41 | td:first-child { 42 | text-align: center; 43 | width: 15%; 44 | } 45 | } 46 | } 47 | } -------------------------------------------------------------------------------- /scss/_theme.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Theme 3 | // -------------------------------------------------- 4 | @import '_config'; 5 | 6 | html { 7 | height: 100% 8 | } 9 | 10 | body { 11 | font-family: $default-text-font; 12 | font-size: $default-text-size; 13 | color: $default-text-color; 14 | line-height: $default-line-height; 15 | min-width: $brand-website-minimal-width; 16 | height: 100%; 17 | } 18 | 19 | div, 20 | ul > li, 21 | .field { 22 | box-sizing: border-box; 23 | } 24 | 25 | h1, 26 | h2, 27 | h3, 28 | h4 { 29 | font-family: $default-heading-font; 30 | font-weight: $default-heading-weight; 31 | color: $default-heading-color; 32 | } 33 | 34 | h1 { 35 | line-height: $default-heading-line-height; 36 | font-size: $default-heading-size; 37 | } 38 | 39 | a { 40 | color: $brand-regular-link; 41 | text-decoration: none; 42 | 43 | &:focus, 44 | &:hover { 45 | color: $brand-regular-link-hover; 46 | } 47 | } 48 | 49 | .small-title { 50 | // shape 51 | margin-top: 20px; 52 | display: block; 53 | // font 54 | color: $brand-prior-text; 55 | } -------------------------------------------------------------------------------- /scss/helpers/_person.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Person helpers 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // Config 7 | // -------------------------------------------------- 8 | $text-color: $brand-dark-text; 9 | $text-size: 16px; 10 | 11 | $max-width: 185px; 12 | $max-height: 185px; 13 | $border-radius: $max-width; 14 | 15 | // Base 16 | // -------------------------------------------------- 17 | .first-name-person, 18 | .last-name-person, 19 | .photo-person { 20 | margin-left: auto; 21 | margin-right: auto; 22 | max-width: $max-width; 23 | } 24 | 25 | .first-name-person, 26 | .last-name-person, 27 | .full-name-person, 28 | .profession-person { 29 | display: block; 30 | text-align: center; 31 | } 32 | 33 | .first-name-person, 34 | .last-name-person, 35 | .full-name-person { 36 | color: $text-color; 37 | font-size: $text-size; 38 | } 39 | 40 | .photo-person { 41 | max-height: $max-height; 42 | height: auto; 43 | width: 100%; 44 | border-radius: $border-radius; 45 | overflow: hidden; 46 | margin-bottom: 10px; 47 | } 48 | -------------------------------------------------------------------------------- /fonts/icons/home.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 14 | 15 | -------------------------------------------------------------------------------- /fonts/icons/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 14 | 15 | -------------------------------------------------------------------------------- /fonts/icons/linkedin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 12 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /fonts/icons/facebook.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 14 | 15 | -------------------------------------------------------------------------------- /scss/partials/_partner-list.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Partner list 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // Config 7 | // -------------------------------------------------- 8 | $border-color: $brand-border-color; 9 | 10 | // Base 11 | // -------------------------------------------------- 12 | .partner-list { 13 | // shape 14 | margin: 10px -10px 20px; 15 | padding-left: 0; // Override default ul/ol 16 | list-style: none; 17 | @include clearfix; 18 | 19 | > li { 20 | position: relative; 21 | float: left; 22 | width: 100%; 23 | text-align: center; 24 | padding: 10px; 25 | 26 | > a { 27 | display: block; 28 | border: 1px solid $border-color; 29 | height: 130px; 30 | width: 100%; 31 | max-width: 225px; 32 | overflow: hidden; 33 | padding: 0 5px; 34 | margin: 5px auto; 35 | 36 | > img { 37 | max-width: 100%; 38 | height: auto; 39 | @include vertical-align; 40 | } 41 | } 42 | 43 | @media (min-width: $breakpoint-smartphone) { 44 | width: 50%; 45 | } 46 | 47 | @media (min-width: $breakpoint-tablet) { 48 | width: 33%; 49 | } 50 | 51 | @media (min-width: $breakpoint-desktop) { 52 | width: 20%; 53 | } 54 | } 55 | } -------------------------------------------------------------------------------- /scss/main.scss: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: hacking.healthcare 3 | Theme URI: http://hacking.healthcare/ 4 | Author: Matt Sokola 5 | Author URI: http://hacking.healthcare/ 6 | */ 7 | 8 | // 9 | // Main Style 10 | // -------------------------------------------------- 11 | 12 | // Setup 13 | @import '_config'; 14 | @import 'helpers/_normalize'; 15 | 16 | // Mixins 17 | @import 'mixins/_basics'; 18 | @import 'mixins/_icons'; 19 | @import 'mixins/_buttons'; 20 | @import 'mixins/_background-size'; 21 | 22 | // Helpers 23 | @import 'helpers/_buttons'; 24 | @import 'helpers/_icons'; 25 | @import 'helpers/_screen-readers'; 26 | @import 'helpers/_container'; 27 | @import 'helpers/_hackathon'; 28 | @import 'helpers/_person'; 29 | @import 'helpers/_responsive'; 30 | @import 'helpers/_text'; 31 | @import 'helpers/_table'; 32 | 33 | // Partials 34 | @import 'partials/_global-content'; 35 | @import 'partials/_global-nav'; 36 | @import 'partials/_sidebar'; 37 | @import 'partials/_hackathon-list'; 38 | @import 'partials/_person-list'; 39 | @import 'partials/_forms'; 40 | @import 'partials/_footer'; 41 | @import 'partials/_partner-list'; 42 | @import 'partials/_social-links'; 43 | @import 'partials/_splashes'; 44 | 45 | // Pages 46 | @import 'pages/_home'; 47 | @import 'pages/_hackathon'; 48 | 49 | // Theme 50 | @import '_theme'; 51 | -------------------------------------------------------------------------------- /fonts/icons/heart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 9 | 11 | 12 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /scss/helpers/_container.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Container 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // Config 7 | // -------------------------------------------------- 8 | $container-padding-left: 20px; 9 | $container-padding-right: 20px; 10 | 11 | $column-padding-left: 10px; 12 | $column-padding-right: 10px; 13 | 14 | // Base 15 | // -------------------------------------------------- 16 | .container { 17 | max-width: $breakpoint-tablet; 18 | min-width: $brand-website-minimal-width; 19 | margin-left: auto; 20 | margin-right: auto; 21 | padding-left: $container-padding-left; 22 | padding-right: $container-padding-right; 23 | @include clearfix; 24 | 25 | > .col { 26 | position: relative; 27 | float: left; 28 | min-height: 1px; 29 | padding-left: $column-padding-left; 30 | padding-right: $column-padding-right; 31 | width: 100%; 32 | 33 | &:first-child { 34 | margin-left: -($column-padding-left); 35 | } 36 | 37 | &:last-child, 38 | &.about-col { 39 | margin-right: -($column-padding-right); 40 | } 41 | } 42 | 43 | @media (min-width: $breakpoint-tablet) { 44 | max-width: $breakpoint-tablet; 45 | 46 | > .col { 47 | width: 50%; 48 | } 49 | } 50 | 51 | @media (min-width: $breakpoint-desktop) { 52 | max-width: $breakpoint-desktop; 53 | 54 | > .col { 55 | width: 25%; 56 | } 57 | } 58 | } -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | 2 | module.exports = function (grunt) { 3 | 4 | 'use strict'; 5 | 6 | grunt.initConfig({ 7 | 8 | connect: { 9 | server: { 10 | options: { 11 | port: 9000, 12 | hostname: 'localhost' 13 | } 14 | } 15 | }, 16 | 17 | sass: { 18 | dist: { 19 | options: { 20 | style: 'expanded' 21 | }, 22 | files: { 23 | 'style.css': 'scss/main.scss' 24 | } 25 | } 26 | }, 27 | 28 | watch: { 29 | 30 | sass: { 31 | options: { 32 | livereload: true 33 | }, 34 | tasks: [ 35 | 'sass' 36 | ], 37 | files: [ 38 | 'scss/**/*.scss' 39 | ] 40 | }, 41 | 42 | files: { 43 | options: { 44 | livereload: true 45 | }, 46 | files: [ 47 | '**/*.html' 48 | ] 49 | } 50 | } 51 | 52 | }); 53 | 54 | // load npm tasks 55 | grunt.loadNpmTasks('grunt-contrib-connect'); 56 | grunt.loadNpmTasks('grunt-contrib-sass'); 57 | grunt.loadNpmTasks('grunt-contrib-watch'); 58 | 59 | 60 | // task definitions 61 | grunt.registerTask('default', [ 62 | 'connect', 63 | 'sass', 64 | 'watch' 65 | ]); 66 | 67 | grunt.registerTask('build', [ 68 | // TODO add the task [Mateusz] 69 | ]); 70 | }; -------------------------------------------------------------------------------- /scss/_config.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Global Config 3 | // -------------------------------------------------- 4 | 5 | // Brand 6 | // -------------------------------------------------- 7 | $brand-website-minimal-width: 320px; 8 | 9 | $brand-regular-font: 'Open Sans', sans-serif; 10 | $brand-special-font: 'Raleway', sans-serif; 11 | 12 | $brand-dark-text: #404040; 13 | $brand-bright-text: #fff; 14 | 15 | $brand-prior-text: $brand-dark-text; 16 | $brand-regular-text: #888; 17 | $brand-regular-link: #a4a4a4; 18 | $brand-regular-link-hover: $brand-regular-text; 19 | 20 | $brand-blue: #00aeff; 21 | $brand-red: #b80000; 22 | 23 | $brand-border-color: #c8c8c8; 24 | 25 | // Typography 26 | // -------------------------------------------------- 27 | $default-text-font: $brand-regular-font; 28 | $default-text-color: $brand-regular-text; 29 | $default-text-size: 14px; 30 | $default-line-height: 20px; 31 | 32 | $default-heading-font: $brand-regular-font; 33 | $default-heading-color: $brand-dark-text; 34 | $default-heading-weight: normal; 35 | $default-heading-size: 24px; 36 | $default-heading-line-height: 34px; 37 | 38 | $default-small-size: 12px; 39 | 40 | // Logo 41 | // -------------------------------------------------- 42 | $logo-url-png: "assets/logo.png"; 43 | $logo-url-svg: "assets/logo.svg"; 44 | $logo-width : 234px; 45 | $logo-height : 50px; 46 | 47 | // Breakpoints 48 | // -------------------------------------------------- 49 | $breakpoint-smartphone: 490px; 50 | $breakpoint-tablet: 720px; 51 | $breakpoint-desktop: 980px; 52 | 53 | // TODO debug [Mateusz] 54 | $breakpoint-large: 980px; 55 | 56 | // Global Navbar 57 | // -------------------------------------------------- 58 | $global-nav-height: 60px; 59 | -------------------------------------------------------------------------------- /scss/mixins/_buttons.scss: -------------------------------------------------------------------------------- 1 | // Button variants 2 | // 3 | // Easily pump out default styles, as well as :hover, :focus, :active, 4 | // and disabled options for all buttons 5 | 6 | // Taken from bootstrap-sass 7 | // @see https://raw.githubusercontent.com/twbs/bootstrap-sass/master/assets/stylesheets/bootstrap/mixins/_buttons.scss 8 | // -------------------------------------- 9 | 10 | @mixin button-variant($color, $background, $border) { 11 | color: $color; 12 | background-color: $background; 13 | border-color: $border; 14 | 15 | &:focus, 16 | &.focus, 17 | &:hover { 18 | color: $color; 19 | background-color: darken($background, 10%); 20 | border-color: darken($border, 12%); 21 | text-decoration: none; 22 | } 23 | &:active, 24 | &.active, 25 | .open > &.dropdown-toggle { 26 | color: $color; 27 | background-color: darken($background, 10%); 28 | border-color: darken($border, 12%); 29 | 30 | &:hover, 31 | &:focus, 32 | &.focus { 33 | color: $color; 34 | background-color: darken($background, 17%); 35 | border-color: darken($border, 25%); 36 | } 37 | } 38 | &:active, 39 | &.active, 40 | .open > &.dropdown-toggle { 41 | background-image: none; 42 | } 43 | &.disabled, 44 | &[disabled], 45 | fieldset[disabled] & { 46 | &, 47 | &:hover, 48 | &:focus, 49 | &.focus, 50 | &:active, 51 | &.active { 52 | background-color: $background; 53 | border-color: $border; 54 | } 55 | } 56 | } 57 | 58 | // Button sizes 59 | @mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { 60 | padding: $padding-vertical $padding-horizontal; 61 | font-size: $font-size; 62 | line-height: $line-height; 63 | border-radius: $border-radius; 64 | } -------------------------------------------------------------------------------- /scss/partials/_forms.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Forms 3 | // -------------------------------------------------- 4 | 5 | @import '../_config'; 6 | 7 | // Config 8 | // -------------------------------------------------- 9 | $text-size: $default-text-size; 10 | $text-color: $brand-dark-text; 11 | $line-height: $default-line-height; 12 | 13 | $background-color: $brand-bright-text; 14 | $placeholder-color: $brand-regular-text; 15 | $border-color: $brand-regular-text; 16 | $border-radius: 10px; 17 | 18 | $focus-color: $brand-blue; 19 | $error-color: $brand-red; 20 | 21 | label { 22 | display: inline-block; 23 | max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) 24 | margin: 5px 5px 8px; 25 | // font 26 | color: $text-color; 27 | } 28 | 29 | .field-wrapper { 30 | margin: 10px 0; 31 | 32 | &.invalid-field { 33 | label, 34 | .input-field, 35 | .message-field { 36 | color: $error-color; 37 | } 38 | 39 | .input-field { 40 | border-color: $error-color; 41 | 42 | &:focus { 43 | border-color: $error-color; 44 | @include box-shadow(0 0 8px $error-color); 45 | } 46 | } 47 | } 48 | } 49 | 50 | .input-field { 51 | max-width: 490px; 52 | height: 28px; 53 | @include form-field( 54 | $text-size, 55 | $text-color, 56 | $line-height, 57 | $background-color, 58 | $border-color, 59 | $border-radius, 60 | $focus-color, 61 | $placeholder-color 62 | ); 63 | } 64 | 65 | .textarea-field { 66 | max-width: 640px; 67 | height: auto; 68 | @include form-field( 69 | $text-size, 70 | $text-color, 71 | $line-height, 72 | $background-color, 73 | $border-color, 74 | $border-radius, 75 | $focus-color, 76 | $placeholder-color 77 | ); 78 | } 79 | 80 | // TODO: change name, it's ambiguous [Mateusz] 81 | .message-field { 82 | // shape 83 | display: block; 84 | margin: 5px; 85 | min-height: 18px; 86 | } -------------------------------------------------------------------------------- /scss/partials/_hackathon-list.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Hackathon list 3 | // -------------------------------------------------- 4 | @import '../config'; 5 | 6 | // Config 7 | // -------------------------------------------------- 8 | $text-font: 'Raleway', sans-serif; 9 | $text-size: 14px; 10 | $text-color: #fff; 11 | $text-transform: uppercase; 12 | $text-weight: normal; 13 | $text-decoration: none; 14 | $text-align: center; 15 | $line-height: 30px; 16 | 17 | $main-text-size: 20px; 18 | 19 | // Base 20 | // -------------------------------------------------- 21 | .hackathon-list { 22 | // shape 23 | margin: 0 -5px 0 -5px; 24 | padding-left: 0; // Override default ul/ol 25 | list-style: none; 26 | @include clearfix; 27 | 28 | > li { 29 | float: left; 30 | width: 100%; 31 | padding: 10px; 32 | 33 | &.wide { 34 | width: 100% !important; 35 | } 36 | 37 | @media (min-width: $breakpoint-tablet) { 38 | width: 50%; 39 | } 40 | } 41 | } 42 | 43 | .event { 44 | @include background-size(cover); 45 | position: relative; 46 | height: 180px; 47 | 48 | .event-inner { 49 | // shape 50 | position: absolute; 51 | background: rgba(0,0,0,.5); // fade background 52 | height: 100%; 53 | width: 100%; 54 | // vertical align 55 | -webkit-transform-style: preserve-3d; 56 | -moz-transform-style: preserve-3d; 57 | transform-style: preserve-3d; 58 | // font 59 | font-family: $text-font; 60 | font-size: $text-size; 61 | color: $text-color; 62 | text-transform: $text-transform; 63 | text-decoration: $text-decoration; 64 | line-height: $line-height; 65 | text-align: $text-align; 66 | 67 | &.inner-blue { 68 | background: rgba(0,100,160,.5); 69 | } 70 | 71 | .valign { 72 | display: block; 73 | padding: 10px; 74 | } 75 | .city, 76 | .date { 77 | display: block; 78 | } 79 | 80 | .city { 81 | font-size: $main-text-size; 82 | } 83 | } 84 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Created by https://www.gitignore.io/api/webstorm,grunt,node 2 | 3 | ### WebStorm ### 4 | # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio 5 | 6 | *.iml 7 | 8 | ## Directory-based project format: 9 | .idea/ 10 | # if you remove the above rule, at least ignore the following: 11 | 12 | # User-specific stuff: 13 | # .idea/workspace.xml 14 | # .idea/tasks.xml 15 | # .idea/dictionaries 16 | 17 | # Sensitive or high-churn files: 18 | # .idea/dataSources.ids 19 | # .idea/dataSources.xml 20 | # .idea/sqlDataSources.xml 21 | # .idea/dynamic.xml 22 | # .idea/uiDesigner.xml 23 | 24 | # Gradle: 25 | # .idea/gradle.xml 26 | # .idea/libraries 27 | 28 | # Mongo Explorer plugin: 29 | # .idea/mongoSettings.xml 30 | 31 | ## File-based project format: 32 | *.ipr 33 | *.iws 34 | 35 | ## Plugin-specific files: 36 | 37 | # IntelliJ 38 | /out/ 39 | 40 | # mpeltonen/sbt-idea plugin 41 | .idea_modules/ 42 | 43 | # JIRA plugin 44 | atlassian-ide-plugin.xml 45 | 46 | # Crashlytics plugin (for Android Studio and IntelliJ) 47 | com_crashlytics_export_strings.xml 48 | crashlytics.properties 49 | crashlytics-build.properties 50 | 51 | 52 | ### grunt ### 53 | # Grunt usually compiles files inside this directory 54 | dist/ 55 | 56 | # Grunt usually preprocesses files such as coffeescript, compass... inside the .tmp directory 57 | .tmp/ 58 | 59 | 60 | ### Node ### 61 | # Logs 62 | logs 63 | *.log 64 | npm-debug.log* 65 | 66 | # Runtime data 67 | pids 68 | *.pid 69 | *.seed 70 | 71 | # Directory for instrumented libs generated by jscoverage/JSCover 72 | lib-cov 73 | 74 | # Coverage directory used by tools like istanbul 75 | coverage 76 | 77 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 78 | .grunt 79 | 80 | # node-waf configuration 81 | .lock-wscript 82 | 83 | # Compiled binary addons (http://nodejs.org/api/addons.html) 84 | build/Release 85 | 86 | # Dependency directory 87 | # https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git 88 | node_modules 89 | 90 | ### Sass ### 91 | .sass-cache/ 92 | *.css.map 93 | 94 | 95 | # hacking.healthcare 96 | style.css -------------------------------------------------------------------------------- /scss/pages/_home.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Homepage 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // Base 7 | // -------------------------------------------------- 8 | .home-page { 9 | 10 | .splash { 11 | // splash config 12 | $mobile-padding-top: 60px; 13 | $mobile-padding-bottom: 60px; 14 | $mobile-heading-margin-bottom: 60px; 15 | $mobile-heading-size: 16px; 16 | $mobile-heading-line-height: 24px; 17 | $mobile-headline-size: 24px; 18 | $mobile-headline-line-height: 32px; 19 | 20 | $desktop-padding-top: 120px; 21 | $desktop-padding-bottom: 120px; 22 | $desktop-heading-margin-bottom: 120px; 23 | $desktop-heading-size: 24px; 24 | $desktop-heading-line-height: 42px; 25 | $desktop-headline-size: 32px; 26 | $desktop-headline-line-height: 42px; 27 | 28 | .container { 29 | // shape 30 | padding-top: $mobile-padding-top; 31 | padding-bottom: $mobile-padding-bottom; 32 | } 33 | 34 | .button { 35 | // shape 36 | margin: 10px 20px; 37 | } 38 | 39 | h1 { 40 | // shape 41 | margin-bottom: $mobile-heading-margin-bottom; 42 | // font 43 | font-size: $mobile-heading-size; 44 | line-height: $mobile-heading-line-height; 45 | 46 | .headline { 47 | // shape 48 | display: block; 49 | margin-bottom: 8px; 50 | // font 51 | font-size: $mobile-headline-size; 52 | line-height: $mobile-headline-line-height; 53 | } 54 | } 55 | 56 | // Smartphone 57 | @media (min-width: $breakpoint-smartphone) { 58 | .container { 59 | // shape 60 | padding-top: $desktop-padding-top; 61 | padding-bottom: $desktop-padding-bottom; 62 | } 63 | 64 | h1 { 65 | // shape 66 | margin-bottom: $desktop-heading-margin-bottom; 67 | // font 68 | font-size: $desktop-heading-size; 69 | line-height: $desktop-heading-line-height; 70 | 71 | .headline { 72 | // shape 73 | display: block; 74 | // font 75 | font-size: $desktop-headline-size; 76 | line-height: $desktop-headline-line-height; 77 | } 78 | } 79 | } 80 | } 81 | } -------------------------------------------------------------------------------- /scss/helpers/_hackathon.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Hackathon helpers 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // Config 7 | // -------------------------------------------------- 8 | $text-font: $brand-special-font; 9 | $text-transform: uppercase; 10 | $text-weight: normal; 11 | $text-decoration: none; 12 | $text-align: center; 13 | $line-height: 30px; 14 | 15 | $link-color: $brand-bright-text; 16 | $text-color: darken($brand-bright-text, 30%); 17 | $heading-text-size: 20px; 18 | 19 | // Base 20 | // -------------------------------------------------- 21 | .tile-hackathon { 22 | @include background-size(cover); 23 | position: relative; 24 | height: 180px; 25 | 26 | a, 27 | span { 28 | &.inner-tile-hackathon { 29 | // shape 30 | position: absolute; 31 | background: rgba(0,0,0,.5); // fade background 32 | height: 100%; 33 | width: 100%; 34 | // vertical align 35 | -webkit-transform-style: preserve-3d; 36 | -moz-transform-style: preserve-3d; 37 | transform-style: preserve-3d; 38 | // font 39 | font-family: $text-font; 40 | text-transform: $text-transform; 41 | text-decoration: $text-decoration; 42 | line-height: $line-height; 43 | text-align: $text-align; 44 | 45 | &.special-blue-opacity { 46 | background: $brand-blue; 47 | } 48 | 49 | &.special-red-opacity { 50 | background: $brand-red; 51 | } 52 | } 53 | 54 | .valign { 55 | display: block; 56 | padding: 10px; 57 | } 58 | 59 | .hackathon-city { 60 | font-size: $heading-text-size; 61 | display: block; 62 | } 63 | } 64 | 65 | span.inner-tile-hackathon { 66 | color: $text-color; 67 | } 68 | 69 | a.inner-tile-hackathon { 70 | color: $link-color; 71 | 72 | &:focus, 73 | &:hover { 74 | background: rgba(0, 0, 0, .4); // fade background 75 | color: $link-color; // override default hover color 76 | } 77 | 78 | &.special-blue-opacity { 79 | &:focus, 80 | &:hover { 81 | background: lighten($brand-blue, 10%); 82 | } 83 | } 84 | 85 | &.special-red-opacity { 86 | &:focus, 87 | &:hover { 88 | background: lighten($brand-red, 10%); 89 | } 90 | } 91 | } 92 | } 93 | -------------------------------------------------------------------------------- /scripts/script.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Debounce event 3 | * @author David Walsh 4 | * @see http://davidwalsh.name/javascript-debounce-function 5 | * @param func 6 | * @param wait 7 | * @param immediate 8 | * @returns {Function} 9 | */ 10 | function debounce(func, wait, immediate) { 11 | 'use strict'; 12 | 13 | var timeout; 14 | 15 | return function() { 16 | var context = this; 17 | var args = arguments; 18 | var later = function() { 19 | timeout = null; 20 | if (!immediate) { 21 | func.apply(context, args); 22 | } 23 | }; 24 | var callNow = immediate && !timeout; 25 | clearTimeout(timeout); 26 | timeout = setTimeout(later, wait); 27 | if (callNow) { 28 | func.apply(context, args); 29 | } 30 | }; 31 | } 32 | // TODO: Single file with JS [Mateusz] 33 | // TODO: Contact form support [Mateusz] 34 | $(document).ready(function(){ 35 | 'use strict'; 36 | 37 | // 38 | // Properties 39 | // -------------------------------------------------- 40 | var $window = $(window); 41 | var $body = $('body'); 42 | 43 | // 44 | // Menu Nav 45 | // -------------------------------------------------- 46 | $('.menu-toggle').click(function(){ 47 | var className = this.getAttribute('data-toggle'); 48 | var selector = this.getAttribute('data-target'); 49 | 50 | $(selector).toggleClass(className); 51 | }); 52 | 53 | $('.has-dropdown').find('span:first').click(function(e){ 54 | e.preventDefault(); 55 | 56 | $(this) 57 | .parent() 58 | .toggleClass('dropdown-open'); 59 | }); 60 | 61 | // 62 | // Hackathon Page 63 | // -------------------------------------------------- 64 | if ($body.hasClass('hackathon-page')){ 65 | 66 | var navHeight = 235; 67 | 68 | // bind scrolling to the events" 69 | $('.secondary-nav').find('a').click(function(e){ 70 | e.preventDefault(); 71 | 72 | var sectionSelector = this.getAttribute('href'); 73 | var elementPosition = $(sectionSelector).position(); 74 | $window.scrollTop(elementPosition.top - navHeight); 75 | }); 76 | 77 | // debounce scroll event - make it trigger less times 78 | var scrollEvt = debounce(function(){ 79 | 'use strict'; 80 | 81 | $body[($window.scrollTop()>navHeight?'add':'remove')+'Class']('sticky'); 82 | }, 250); 83 | // bind "make a sticky .secondary-nav" event 84 | $window.on('scroll', scrollEvt); 85 | } 86 | 87 | }); -------------------------------------------------------------------------------- /scss/mixins/_basics.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Basic Mixins 3 | // -------------------------------------------------- 4 | 5 | // Drop shadows 6 | @mixin box-shadow($shadow...) { 7 | -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1 8 | box-shadow: $shadow; 9 | } 10 | 11 | // Box sizing 12 | @mixin box-sizing($boxmodel) { 13 | -webkit-box-sizing: $boxmodel; 14 | -moz-box-sizing: $boxmodel; 15 | box-sizing: $boxmodel; 16 | } 17 | 18 | // Clearfix 19 | @mixin clearfix() { 20 | &:before, 21 | &:after { 22 | content: " "; 23 | display: table; 24 | } 25 | 26 | &:after { 27 | clear: both; 28 | } 29 | } 30 | 31 | // User select 32 | // For selecting text on the page 33 | @mixin user-select($select) { 34 | -webkit-user-select: $select; 35 | -moz-user-select: $select; 36 | -ms-user-select: $select; // IE10+ 37 | user-select: $select; 38 | } 39 | 40 | // WebKit-style focus 41 | @mixin tab-focus() { 42 | // Default 43 | outline: thin dotted; 44 | // WebKit 45 | outline: 5px auto -webkit-focus-ring-color; 46 | outline-offset: -2px; 47 | } 48 | 49 | // Vertical align 50 | // @see http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/ 51 | @mixin vertical-align { 52 | position: relative; 53 | top: 50%; 54 | -webkit-transform: translateY(-50%); 55 | -ms-transform: translateY(-50%); 56 | transform: translateY(-50%); 57 | } 58 | 59 | 60 | @mixin form-field($text-size, $text-color, $line-height, $background-color, $border-color, $border-radius, $focus-color, $placeholder-color) { 61 | //font 62 | font-size: $text-size; 63 | color: $text-color; 64 | line-height: $line-height; 65 | // shape 66 | display: block; 67 | width: 100%; 68 | padding: 5px 10px; 69 | background-color: $background-color; 70 | background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 71 | border: 1px solid $border-color; 72 | border-radius: $border-radius; 73 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); 74 | // animations 75 | -webkit-transition: border-color ease-in-out .15, 76 | box-shadow ease-in-out .15s; 77 | transition: border-color ease-in-out .15, 78 | box-shadow ease-in-out .15s; 79 | 80 | // Customize the `:focus` state to imitate native WebKit styles. 81 | &:focus { 82 | border-color: $focus-color; 83 | outline: 0; 84 | @include box-shadow(0 0 8px $focus-color); 85 | } 86 | 87 | // Placeholder 88 | &::-moz-placeholder { 89 | // Firefox 90 | color: $placeholder-color; 91 | opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526 92 | } 93 | 94 | &:-ms-input-placeholder { 95 | // Internet Explorer 10+ 96 | color: $placeholder-color; 97 | } 98 | 99 | &::-webkit-input-placeholder { 100 | // Safari and Chrome 101 | color: $placeholder-color; 102 | } 103 | } 104 | -------------------------------------------------------------------------------- /scss/partials/_sidebar.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Sidebar 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // required mixins 7 | @import '../mixins/_basics'; 8 | 9 | // Config 10 | // -------------------------------------------------- 11 | // Text, Links etc. 12 | $text-font: 'Raleway', sans-serif; 13 | $text-size: 14px; 14 | $text-color: #fff; 15 | $text-transform: none; 16 | $text-weight: normal; 17 | $line-height: 20px; 18 | 19 | // Heading 20 | $title-color: #fff; 21 | $title-size: 14px; 22 | $title-line-height: 20px; 23 | $title-transform: uppercase; 24 | 25 | // Links 26 | $link-decoration: none; 27 | $link-transform: none; 28 | $link-line-height: 16px; 29 | $link-default-color: #a4a4a4; 30 | 31 | // Sidebar 32 | $background-color: #202020;; 33 | $background-image: url("assets/pattern.png"); 34 | 35 | // Base 36 | // -------------------------------------------------- 37 | .sidebar { 38 | // shape 39 | background: $background-color $background-image; 40 | @include box-shadow(inset 0 2px 5px rgba(0, 0, 0, 0.3)); 41 | // font 42 | font-size: $text-size; 43 | color: $text-color; 44 | text-transform: $text-transform; 45 | line-height: $line-height; 46 | text-align: center; 47 | 48 | a { 49 | // font 50 | font-family: $text-font; 51 | font-weight: $text-weight; 52 | color: $link-default-color; 53 | text-transform: $link-transform; 54 | line-height: $link-line-height; 55 | text-decoration: $link-decoration; 56 | // shape 57 | display: inline-block; 58 | padding: 5px 0; 59 | 60 | &:focus, 61 | &:hover { 62 | color: darken($link-default-color, 25%); 63 | } 64 | 65 | &.follow-link { 66 | margin-right: 15px; 67 | font-size: 24px; 68 | } 69 | } 70 | 71 | p, 72 | .imprint-link { 73 | margin: 15px 0; 74 | } 75 | 76 | .container > .col { 77 | // shape 78 | padding-top: 20px; 79 | padding-bottom: 20px; 80 | 81 | @media (min-width: $breakpoint-smartphone) { 82 | // shape 83 | overflow: hidden; 84 | width: 50%; 85 | 86 | &.twitter-col { 87 | height: 265px; 88 | } 89 | } 90 | 91 | @media (min-width: $breakpoint-tablet) { 92 | // font 93 | text-align: left; 94 | // shape 95 | width: 25%; 96 | 97 | &.follow-col { 98 | width: 15%; 99 | } 100 | &.twitter-col, 101 | &.about-col { 102 | width: 30%; 103 | } 104 | } 105 | } 106 | 107 | .title { 108 | // font 109 | font-size: $title-size; 110 | color: $title-color; 111 | line-height: $title-line-height; 112 | text-transform: $title-transform; 113 | // shape 114 | display: block; 115 | margin-bottom: 10px; 116 | } 117 | } 118 | 119 | .sidebar-nav { 120 | // shape 121 | margin: 0; 122 | padding-left: 0; // Override default ul/ol 123 | list-style: none; 124 | @include clearfix; 125 | 126 | > li { 127 | padding: 3px 0; 128 | } 129 | } -------------------------------------------------------------------------------- /scss/helpers/_buttons.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Buttons 3 | // @see bootstrap-sass 4 | // -------------------------------------------------- 5 | @import '../_config'; 6 | 7 | // required mixins 8 | @import '../mixins/_basics'; 9 | @import '../mixins/_buttons'; 10 | 11 | // Config 12 | // -------------------------------------------------- 13 | $text-font: 'Raleway', sans-serif;; 14 | $text-size: 14px; 15 | $line-height: 18px; 16 | $text-transform: uppercase; 17 | $text-weight: normal; 18 | $padding-vertical: 10px; 19 | $padding-horizontal: 20px; 20 | $border-radius: 10px; 21 | 22 | // default button 23 | $default-button-text-color: #fff; 24 | $default-button-background-color: #c90000; 25 | $default-button-border-color: #c90000; 26 | 27 | // white button 28 | $white-normal-text-color: #fff; 29 | $white-normal-background-color: transparent; 30 | $white-normal-border-color: #fff; 31 | $white-hover-text-color: $brand-dark-text; 32 | $white-hover-background-color: #fff; 33 | $white-hover-border-color: #fff; 34 | 35 | // small button 36 | $small-text-size: 12px; 37 | $small-padding-vertical: 3px; 38 | $small-padding-horizontal: 12px; 39 | 40 | // large button 41 | $large-text-size: 18px; 42 | $large-padding-vertical: 20px; 43 | $large-padding-horizontal: 40px; 44 | 45 | // Base styles 46 | // -------------------------------------------------- 47 | .button { 48 | // shape 49 | display: inline-block; 50 | margin-bottom: 0; // For input.button 51 | touch-action: manipulation; 52 | cursor: pointer; 53 | background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 54 | border: 2px solid transparent; 55 | // font 56 | font-family: $text-font; 57 | font-weight: $text-weight; 58 | white-space: nowrap; 59 | vertical-align: middle; 60 | text-transform: $text-transform; 61 | text-decoration: none; 62 | text-align: center; 63 | // inheritance 64 | @include user-select(none); 65 | @include button-size( 66 | $padding-vertical, 67 | $padding-horizontal, 68 | $text-size, 69 | $line-height, 70 | $border-radius 71 | ); 72 | @include button-variant( 73 | $default-button-text-color, 74 | $default-button-background-color, 75 | $default-button-border-color 76 | ); 77 | 78 | &, 79 | &:active, 80 | &.active-button { 81 | &:focus, 82 | &.focus { 83 | @include tab-focus; 84 | } 85 | } 86 | 87 | &:hover, 88 | &:focus, 89 | &.focus { 90 | color: $default-button-text-color; 91 | } 92 | 93 | &.white-button { 94 | @include button-variant( 95 | $white-normal-text-color, 96 | $white-normal-background-color, 97 | $white-normal-border-color 98 | ); 99 | 100 | &:focus, 101 | &:hover { 102 | color: $white-hover-text-color; 103 | background-color: $white-hover-background-color; 104 | border-color: $white-hover-border-color; 105 | } 106 | } 107 | 108 | &.small-button { 109 | // font 110 | font-size: $small-text-size; 111 | // shape 112 | padding: $small-padding-vertical $small-padding-horizontal; 113 | } 114 | 115 | &.large-button { 116 | // font 117 | font-size: $large-text-size; 118 | // shape 119 | padding: $large-padding-vertical $large-padding-horizontal; 120 | } 121 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | hacking.healthcare 7 | 11 | 12 | 13 | 14 | 15 | 16 | 70 | 71 |
72 |
73 |
74 |

75 | Doctors, Designers, Coders and Doers. 76 | Together we can make a difference. 77 | Let’s hack healthcare. 78 |

79 | 80 | Attend an event 81 | Learn about hackathon 82 |
83 |
84 |
85 | 86 |
87 |
88 |
89 | Menu 90 | 91 | 111 |
112 | 122 | 133 |
134 | About 135 | 136 | hacking.healthcare HQ
137 | Nussdorferstraße 88/22
138 | AT-1080 Vienna
139 | Austria
140 | 141 | 142 | Imprint 143 | 144 |
145 |
146 |
147 |
148 | Made with 149 | 150 | love 151 | in Vienna 152 |
153 | 154 | -------------------------------------------------------------------------------- /scss/pages/_hackathon.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Hackathon page 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // Base 7 | // -------------------------------------------------- 8 | .hackathon-page { 9 | 10 | &.sticky { 11 | .secondary-nav { 12 | position: fixed; 13 | z-index: 1; 14 | top: 64px; 15 | } 16 | } 17 | 18 | .container { 19 | padding-bottom: 10px; 20 | 21 | > .container { 22 | padding-left: 0; 23 | padding-right: 0; 24 | } 25 | 26 | > .col { 27 | // shape 28 | width: 100%; 29 | padding-left: 0; 30 | padding-right: 0; 31 | // shape 32 | margin: 0; // override negative margin 33 | 34 | // Tablet 35 | @media (min-width: $breakpoint-tablet) { 36 | // shape 37 | display: table-cell; 38 | vertical-align: top; 39 | float: none; 40 | } 41 | } 42 | } 43 | 44 | .splash { 45 | // splash config 46 | $splash-text-font: $brand-special-font; 47 | $splash-text-transform: uppercase; 48 | 49 | $splash-mobile-line-height: 24px; 50 | $splash-mobile-heading-size: 20px; 51 | $splash-mobile-text-size: 14px; 52 | $splash-mobile-padding: 40px 0; 53 | 54 | $splash-desktop-line-height: 40px; 55 | $splash-desktop-heading-size: 32px; 56 | $splash-desktop-text-size: 18px; 57 | $splash-desktop-padding: 80px 0; 58 | 59 | // font 60 | font-family: $splash-text-font; 61 | font-size: $splash-mobile-text-size; 62 | line-height: $splash-mobile-line-height; 63 | text-transform: $splash-text-transform; 64 | 65 | h1 { 66 | // font 67 | font-family: $splash-text-font; 68 | font-size: $splash-mobile-heading-size; 69 | line-height: $splash-mobile-line-height; 70 | text-transform: $splash-text-transform; 71 | // shape 72 | margin: 0; 73 | } 74 | 75 | .container { 76 | // shape 77 | padding: $splash-mobile-padding; 78 | } 79 | 80 | // Tablet 81 | @media (min-width: $breakpoint-tablet) { 82 | 83 | margin-top: $global-nav-height; 84 | // font 85 | font-size: $splash-desktop-text-size; 86 | line-height: $splash-desktop-line-height; 87 | 88 | h1 { 89 | font-size: $splash-desktop-heading-size; 90 | line-height: $splash-desktop-line-height; 91 | } 92 | 93 | .container { 94 | // shape 95 | padding: $splash-desktop-padding; 96 | } 97 | } 98 | } 99 | 100 | .secondary-nav { 101 | // config 102 | $background-color: $brand-bright-text; 103 | $link-size: $default-small-size; 104 | 105 | // default hidden 106 | display: none; 107 | // shape 108 | background: $background-color; 109 | width: 100%; 110 | @include box-shadow(1px 0 5px rgba(0, 0, 0, .25)); 111 | 112 | .container { 113 | padding: 5px; 114 | } 115 | 116 | .menu-nav { 117 | // font 118 | font-size: $link-size; 119 | // shape 120 | margin: 0; 121 | 122 | .button { 123 | margin-top: 6px; 124 | } 125 | } 126 | 127 | // Tablet 128 | @media (min-width: $breakpoint-tablet) { 129 | display: block; 130 | } 131 | } 132 | 133 | .location { 134 | // config 135 | $map-width: 300px; 136 | $map-height: 200px; 137 | $desktop-text-align: left; 138 | $mobile-text-align: center; 139 | 140 | #map { 141 | width: $map-width; 142 | height: $map-height; 143 | background: #f0f0f0; 144 | margin: 0 auto 10px; 145 | } 146 | 147 | .button { 148 | margin-top: 30px; 149 | } 150 | 151 | .col { 152 | // font 153 | text-align: $mobile-text-align; 154 | 155 | // Tablet 156 | @media (min-width: $breakpoint-tablet) { 157 | // shape 158 | min-width: $map-width; 159 | padding-left: 20px; 160 | // font 161 | text-align: $desktop-text-align; 162 | 163 | &:first-child { 164 | padding-left: 0; 165 | width: 30%; 166 | } 167 | } 168 | } 169 | } 170 | 171 | .schedule { 172 | h1 + table { 173 | margin-top: 0; 174 | } 175 | } 176 | 177 | .mentors { 178 | $border-color: $brand-border-color; 179 | $mentor-padding-vertical: 20px; 180 | $mentor-picture-width: 185px; 181 | 182 | .full-name-person { 183 | margin-bottom: 10px; 184 | } 185 | 186 | .mentor { 187 | border-bottom: 1px solid $border-color; 188 | padding-bottom: $mentor-padding-vertical; 189 | padding-top: $mentor-padding-vertical; 190 | } 191 | 192 | @media (min-width: $breakpoint-tablet) { 193 | 194 | .full-name-person, 195 | .profession-person { 196 | text-align: left; 197 | } 198 | 199 | .col { 200 | // shape 201 | min-width: $mentor-picture-width; 202 | padding-left: 20px; 203 | 204 | &:first-child { 205 | padding-left: 0; 206 | width: 15%; 207 | } 208 | } 209 | } 210 | } 211 | 212 | .organizers { 213 | margin-bottom: -25px; 214 | 215 | .person-hlist { 216 | margin-bottom: 0; 217 | } 218 | } 219 | 220 | .tickets { 221 | // config 222 | $encouragement-text-color: $brand-dark-text; 223 | $encouragement-text-align: center; 224 | $encouragement-text-size: 18px; 225 | $encouragement-line-height: 24px; 226 | 227 | .visible-below-tablet { 228 | // font 229 | text-align: $encouragement-text-align; 230 | } 231 | 232 | .encouragement { 233 | // shape 234 | margin-top: 20px; 235 | display: block; 236 | // font 237 | font-size: $encouragement-text-size; 238 | color: $encouragement-text-color; 239 | line-height: $encouragement-line-height; 240 | } 241 | 242 | .button { 243 | // shape 244 | margin-top: 20px; 245 | margin-bottom: 60px; 246 | } 247 | } 248 | } -------------------------------------------------------------------------------- /imprint.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Imprint - hacking.healthcare 7 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 71 | 72 |
73 |
74 |

Imprint

75 | 76 | Entrepreneurship - Verein zur Förderung der Entwicklung und des unternehmerischen Denkens 77 | Nussdorferstraße 88/22
78 | AT-1080 Vienna
79 | Austria
80 | 81 | Contact Person: Stephanie Ness 82 | Company No.: ATU68811039
83 | 84 | Disclaimer 85 | hacking.healthcare assumes no liability for the completeness and accuracy of the content of this website. 86 | The content contained on this site are for informational purposes only. Therefore, all information is provided 87 | without warranty. hacking.healthcare can be explained not responsible for the content of websites to which it 88 | links directly or indirectly. 89 |
90 |
91 | 92 |
93 |
94 |
95 | Menu 96 | 97 | 117 |
118 | 128 | 139 |
140 | About 141 | 142 | hacking.healthcare HQ
143 | Nussdorferstraße 88/22
144 | AT-1080 Vienna
145 | Austria
146 | 147 | 148 | Imprint 149 | 150 |
151 |
152 |
153 |
154 | Made with 155 | 156 | love 157 | in Vienna 158 |
159 | 160 | -------------------------------------------------------------------------------- /fonts/icomoon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Generated by IcoMoon 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Contact - hacking.healthcare 7 | 11 | 12 | 13 | 14 | 15 | 16 | 70 | 71 |
72 |
73 |

Contact

74 |

Have a question about hackathons? Would you like to organize a hackathon in your city? Would you like to ask about something else? Just use this form!

75 | 76 |
77 |
78 | 79 | 85 | The field is invalid. 86 |
87 |
88 | 89 | 95 | 96 |
97 |
98 | 99 | 104 | 105 | 106 |
107 | 108 | 109 |
110 |
111 |
112 | 113 |
114 |
115 |
116 | Menu 117 | 118 | 138 |
139 | 149 | 160 |
161 | About 162 | 163 | hacking.healthcare HQ
164 | Nussdorferstraße 88/22
165 | AT-1080 Vienna
166 | Austria
167 | 168 | 169 | Imprint 170 | 171 |
172 |
173 |
174 |
175 | Made with 176 | 177 | love 178 | in Vienna 179 |
180 | 181 | -------------------------------------------------------------------------------- /scss/partials/_global-nav.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Global Nav 3 | // -------------------------------------------------- 4 | @import '../_config'; 5 | 6 | // required mixins 7 | @import '../mixins/_basics'; 8 | 9 | // Config 10 | // -------------------------------------------------- 11 | $text-font: $brand-special-font; 12 | $text-size: 14px; 13 | $text-color: $brand-dark-text; 14 | $text-transform: uppercase; 15 | $text-weight: normal; 16 | $line-height: 24px; 17 | 18 | $link-default-transform: none; 19 | $link-active-transform: underline; 20 | 21 | $navbar-background-color: #fff; 22 | $navbar-border-color: #e0e0e0; 23 | 24 | // Menu Icon Bars 25 | $menu-icon-bar-color: #404040; 26 | $menu-icon-bar-width: 22px; 27 | $menu-icon-bar-height: 2px; 28 | 29 | // Base 30 | // -------------------------------------------------- 31 | 32 | .global-nav { 33 | position: relative; 34 | background: $navbar-background-color; 35 | height: $global-nav-height; 36 | width: 100%; 37 | z-index: 1; 38 | @include box-shadow(1px 0 5px rgba(0,0,0,.25)); 39 | 40 | .container { 41 | padding: 5px 10px; 42 | } 43 | 44 | .global-nav-header { 45 | @include clearfix; 46 | } 47 | 48 | .global-logo { 49 | background: url($logo-url-png); 50 | // TODO: Add it as an inline svg [Mateusz] 51 | background: url($logo-url-svg), none; 52 | background-size: $logo-width $logo-height; 53 | height: $logo-height; 54 | width: $logo-width; 55 | text-indent: -9999px; 56 | display: block; 57 | } 58 | 59 | .menu-toggle { 60 | position: relative; 61 | float: right; 62 | margin-right: 0; 63 | padding: 18px; 64 | background-color: transparent; 65 | // Reset unusual Firefox-on-Android default style; @see https://github.com/necolas/normalize.css/issues/214 66 | background-image: none; 67 | border: 1px solid transparent; 68 | 69 | &:focus { 70 | outline: 0; 71 | } 72 | 73 | // Bars 74 | .icon-bar { 75 | background: $menu-icon-bar-color; 76 | width: $menu-icon-bar-width; 77 | height: $menu-icon-bar-height; 78 | border-radius: 1px; 79 | display: block; 80 | } 81 | .icon-bar + .icon-bar { 82 | margin-top: 4px; 83 | } 84 | } 85 | 86 | .menu-collapse { 87 | display: none; 88 | border-top: 1px solid transparent; 89 | box-shadow: inset 0 1px 0 rgba(255,255,255,.1); 90 | @include clearfix; 91 | -webkit-overflow-scrolling: touch; 92 | 93 | &.menu-open { 94 | display: block; 95 | } 96 | } 97 | } 98 | 99 | .menu-nav { 100 | // font 101 | font-family: $text-font; 102 | font-size: $text-size; 103 | text-transform: $text-transform; 104 | text-align: center; 105 | // shape 106 | margin: 2px 0 0 0; 107 | padding-left: 0; // Override default ul/ol 108 | list-style: none; 109 | @include clearfix; 110 | 111 | > li { 112 | position: relative; 113 | background: $navbar-background-color; 114 | border-top: 1px solid $navbar-border-color; 115 | width: 100%; 116 | 117 | > a:not(.button), 118 | > .link { 119 | // font 120 | color: $text-color; 121 | text-decoration: $link-default-transform; 122 | line-height: $line-height; 123 | // shape 124 | position: relative; 125 | display: block; 126 | padding: 8px 12px; 127 | cursor: pointer; 128 | 129 | &:hover, 130 | &:focus { 131 | text-decoration: $link-active-transform; 132 | } 133 | } 134 | } 135 | 136 | .has-dropdown { 137 | position: relative; 138 | 139 | > a, 140 | > .link { 141 | padding-right: 25px; 142 | 143 | &:after { 144 | position: absolute; 145 | margin: 15px; 146 | right: 0; 147 | top: 0; 148 | // font 149 | @include icon-font; 150 | content: "\e601"; 151 | font-size: 10px; 152 | } 153 | } 154 | 155 | &.dropdown-open { 156 | .dropdown-menu { 157 | display: block; 158 | } 159 | 160 | // Remove the outline when :focus is triggered 161 | > a, 162 | > .link { 163 | outline: 0; 164 | 165 | &:after { 166 | // animation 167 | -webkit-transform: rotate(180deg); 168 | transform: rotate(180deg); 169 | } 170 | } 171 | } 172 | } 173 | 174 | // The dropdown menu (ul) 175 | .dropdown-menu { 176 | display: none; 177 | // position 178 | z-index: 5; 179 | padding: 0; 180 | // shape 181 | min-width: 160px; 182 | list-style: none; 183 | background-color: $navbar-background-color; 184 | background-clip: padding-box; 185 | 186 | // Links within the dropdown menu 187 | > li { 188 | border-top: 1px solid $navbar-border-color; 189 | 190 | > a, 191 | > .link { 192 | // font 193 | font-family: $text-font; 194 | font-size: $text-size; 195 | color: $text-color; 196 | text-transform: $text-transform; 197 | text-decoration: $link-default-transform; 198 | line-height: $line-height; 199 | font-weight: $text-weight; 200 | white-space: nowrap; // prevent links from randomly breaking onto new lines 201 | // shape 202 | display: block; 203 | padding: 8px 12px; 204 | clear: both; 205 | 206 | &:hover, 207 | &:focus { 208 | text-decoration: $link-active-transform; 209 | } 210 | } 211 | 212 | &.active > a, 213 | &.active > .link { 214 | &, 215 | &:hover, 216 | &:focus { 217 | outline: 0; 218 | } 219 | } 220 | } 221 | } 222 | } 223 | 224 | @media (min-width: $breakpoint-tablet) { 225 | 226 | .global-nav { 227 | position: fixed; 228 | top: 0; 229 | 230 | .global-nav-header { 231 | float: left; 232 | } 233 | 234 | .menu-toggle { 235 | display: none; 236 | } 237 | 238 | .menu-collapse { 239 | display: block; 240 | width: auto; 241 | border-top: 0; 242 | box-shadow: none; 243 | float: right; 244 | margin: 3px 0; 245 | } 246 | } 247 | 248 | .menu-nav { 249 | > li { 250 | // position 251 | position: relative; 252 | float: left; 253 | // shape 254 | padding: 0 2.5px; 255 | width: auto; 256 | border-top: none; 257 | 258 | &:last-child { 259 | padding-right: 0; 260 | } 261 | } 262 | 263 | .has-dropdown > a:after, 264 | .has-dropdown > .link:after, { 265 | margin: 14px 7px; 266 | } 267 | } 268 | 269 | .dropdown-menu { 270 | // position 271 | position: absolute; 272 | margin-top: 10px; 273 | top: 100%; 274 | left: 0; 275 | float: left; 276 | // shape 277 | @include box-shadow(0 3px 5px rgba(0,0,0,.2)); 278 | // font 279 | text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) 280 | 281 | > li:first-child { 282 | border-top: 0; 283 | } 284 | } 285 | } -------------------------------------------------------------------------------- /upcoming_events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Upcoming Events - hacking.healthcare 7 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 72 | 73 |
74 |
75 | 76 | 77 |

Upcoming Events

78 | 79 | 140 |
141 |
142 | 143 |
144 |
145 |
146 | Menu 147 | 148 | 168 |
169 |
170 | Twitter 171 | 172 |

#SLV, our billboard for @LevisStadium 173 | is UP on the 101 located off Bowers 174 | Ave.! Check it out ahead of our #IoT 175 | #hack! iothack2015.com

176 | 177 | Yesterday 178 |
179 |
180 | Follow us 181 | 185 | 189 |
190 |
191 | About 192 | 193 | hacking.healthcare HQ
194 | Nussdorferstraße 88/22
195 | AT-1080 Vienna
196 | Austria
197 | 198 | 199 | More… 200 | 201 |
202 |
203 |
204 |
205 | Made with 206 | 207 | love 208 | in Vienna 209 |
210 | 211 | -------------------------------------------------------------------------------- /scss/helpers/_normalize.scss: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 2 | 3 | // 4 | // 1. Set default font family to sans-serif. 5 | // 2. Prevent iOS and IE text size adjust after device orientation change, 6 | // without disabling user zoom. 7 | // 8 | 9 | html { 10 | font-family: sans-serif; // 1 11 | -ms-text-size-adjust: 100%; // 2 12 | -webkit-text-size-adjust: 100%; // 2 13 | } 14 | 15 | // 16 | // Remove default margin. 17 | // 18 | 19 | body { 20 | margin: 0; 21 | } 22 | 23 | // HTML5 display definitions 24 | // ========================================================================== 25 | 26 | // 27 | // Correct `block` display not defined for any HTML5 element in IE 8/9. 28 | // Correct `block` display not defined for `details` or `summary` in IE 10/11 29 | // and Firefox. 30 | // Correct `block` display not defined for `main` in IE 11. 31 | // 32 | 33 | article, 34 | aside, 35 | details, 36 | figcaption, 37 | figure, 38 | footer, 39 | header, 40 | hgroup, 41 | main, 42 | menu, 43 | nav, 44 | section, 45 | summary { 46 | display: block; 47 | } 48 | 49 | // 50 | // 1. Correct `inline-block` display not defined in IE 8/9. 51 | // 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 52 | // 53 | 54 | audio, 55 | canvas, 56 | progress, 57 | video { 58 | display: inline-block; // 1 59 | vertical-align: baseline; // 2 60 | } 61 | 62 | // 63 | // Prevent modern browsers from displaying `audio` without controls. 64 | // Remove excess height in iOS 5 devices. 65 | // 66 | 67 | audio:not([controls]) { 68 | display: none; 69 | height: 0; 70 | } 71 | 72 | // 73 | // Address `[hidden]` styling not present in IE 8/9/10. 74 | // Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. 75 | // 76 | 77 | [hidden], 78 | template { 79 | display: none; 80 | } 81 | 82 | // Links 83 | // ========================================================================== 84 | 85 | // 86 | // Remove the gray background color from active links in IE 10. 87 | // 88 | 89 | a { 90 | background-color: transparent; 91 | } 92 | 93 | // 94 | // Improve readability of focused elements when they are also in an 95 | // active/hover state. 96 | // 97 | 98 | a:active, 99 | a:hover { 100 | outline: 0; 101 | } 102 | 103 | // Text-level semantics 104 | // ========================================================================== 105 | 106 | // 107 | // Address styling not present in IE 8/9/10/11, Safari, and Chrome. 108 | // 109 | 110 | abbr[title] { 111 | border-bottom: 1px dotted; 112 | } 113 | 114 | // 115 | // Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 116 | // 117 | 118 | b, 119 | strong { 120 | font-weight: bold; 121 | } 122 | 123 | // 124 | // Address styling not present in Safari and Chrome. 125 | // 126 | 127 | dfn { 128 | font-style: italic; 129 | } 130 | 131 | // 132 | // Address variable `h1` font-size and margin within `section` and `article` 133 | // contexts in Firefox 4+, Safari, and Chrome. 134 | // 135 | 136 | h1 { 137 | font-size: 2em; 138 | margin: 0.67em 0; 139 | } 140 | 141 | // 142 | // Address styling not present in IE 8/9. 143 | // 144 | 145 | mark { 146 | background: #ff0; 147 | color: #000; 148 | } 149 | 150 | // 151 | // Address inconsistent and variable font size in all browsers. 152 | // 153 | 154 | small { 155 | font-size: 80%; 156 | } 157 | 158 | // 159 | // Prevent `sub` and `sup` affecting `line-height` in all browsers. 160 | // 161 | 162 | sub, 163 | sup { 164 | font-size: 75%; 165 | line-height: 0; 166 | position: relative; 167 | vertical-align: baseline; 168 | } 169 | 170 | sup { 171 | top: -0.5em; 172 | } 173 | 174 | sub { 175 | bottom: -0.25em; 176 | } 177 | 178 | // Embedded content 179 | // ========================================================================== 180 | 181 | // 182 | // Remove border when inside `a` element in IE 8/9/10. 183 | // 184 | 185 | img { 186 | border: 0; 187 | } 188 | 189 | // 190 | // Correct overflow not hidden in IE 9/10/11. 191 | // 192 | 193 | svg:not(:root) { 194 | overflow: hidden; 195 | } 196 | 197 | // Grouping content 198 | // ========================================================================== 199 | 200 | // 201 | // Address margin not present in IE 8/9 and Safari. 202 | // 203 | 204 | figure { 205 | margin: 1em 40px; 206 | } 207 | 208 | // 209 | // Address differences between Firefox and other browsers. 210 | // 211 | 212 | hr { 213 | box-sizing: content-box; 214 | height: 0; 215 | } 216 | 217 | // 218 | // Contain overflow in all browsers. 219 | // 220 | 221 | pre { 222 | overflow: auto; 223 | } 224 | 225 | // 226 | // Address odd `em`-unit font size rendering in all browsers. 227 | // 228 | 229 | code, 230 | kbd, 231 | pre, 232 | samp { 233 | font-family: monospace, monospace; 234 | font-size: 1em; 235 | } 236 | 237 | // Forms 238 | // ========================================================================== 239 | 240 | // 241 | // Known limitation: by default, Chrome and Safari on OS X allow very limited 242 | // styling of `select`, unless a `border` property is set. 243 | // 244 | 245 | // 246 | // 1. Correct color not being inherited. 247 | // Known issue: affects color of disabled elements. 248 | // 2. Correct font properties not being inherited. 249 | // 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 250 | // 251 | 252 | button, 253 | input, 254 | optgroup, 255 | select, 256 | textarea { 257 | color: inherit; // 1 258 | font: inherit; // 2 259 | margin: 0; // 3 260 | } 261 | 262 | // 263 | // Address `overflow` set to `hidden` in IE 8/9/10/11. 264 | // 265 | 266 | button { 267 | overflow: visible; 268 | } 269 | 270 | // 271 | // Address inconsistent `text-transform` inheritance for `button` and `select`. 272 | // All other form control elements do not inherit `text-transform` values. 273 | // Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 274 | // Correct `select` style inheritance in Firefox. 275 | // 276 | 277 | button, 278 | select { 279 | text-transform: none; 280 | } 281 | 282 | // 283 | // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 284 | // and `video` controls. 285 | // 2. Correct inability to style clickable `input` types in iOS. 286 | // 3. Improve usability and consistency of cursor style between image-type 287 | // `input` and others. 288 | // 289 | 290 | button, 291 | html input[type="button"], // 1 292 | input[type="reset"], 293 | input[type="submit"] { 294 | -webkit-appearance: button; // 2 295 | cursor: pointer; // 3 296 | } 297 | 298 | // 299 | // Re-set default cursor for disabled elements. 300 | // 301 | 302 | button[disabled], 303 | html input[disabled] { 304 | cursor: default; 305 | } 306 | 307 | // 308 | // Remove inner padding and border in Firefox 4+. 309 | // 310 | 311 | button::-moz-focus-inner, 312 | input::-moz-focus-inner { 313 | border: 0; 314 | padding: 0; 315 | } 316 | 317 | // 318 | // Address Firefox 4+ setting `line-height` on `input` using `!important` in 319 | // the UA stylesheet. 320 | // 321 | 322 | input { 323 | line-height: normal; 324 | } 325 | 326 | // 327 | // It's recommended that you don't attempt to style these elements. 328 | // Firefox's implementation doesn't respect box-sizing, padding, or width. 329 | // 330 | // 1. Address box sizing set to `content-box` in IE 8/9/10. 331 | // 2. Remove excess padding in IE 8/9/10. 332 | // 333 | 334 | input[type="checkbox"], 335 | input[type="radio"] { 336 | box-sizing: border-box; // 1 337 | padding: 0; // 2 338 | } 339 | 340 | // 341 | // Fix the cursor style for Chrome's increment/decrement buttons. For certain 342 | // `font-size` values of the `input`, it causes the cursor style of the 343 | // decrement button to change from `default` to `text`. 344 | // 345 | 346 | input[type="number"]::-webkit-inner-spin-button, 347 | input[type="number"]::-webkit-outer-spin-button { 348 | height: auto; 349 | } 350 | 351 | // 352 | // 1. Address `appearance` set to `searchfield` in Safari and Chrome. 353 | // 2. Address `box-sizing` set to `border-box` in Safari and Chrome. 354 | // 355 | 356 | input[type="search"] { 357 | -webkit-appearance: textfield; // 1 358 | box-sizing: content-box; //2 359 | } 360 | 361 | // 362 | // Remove inner padding and search cancel button in Safari and Chrome on OS X. 363 | // Safari (but not Chrome) clips the cancel button when the search input has 364 | // padding (and `textfield` appearance). 365 | // 366 | 367 | input[type="search"]::-webkit-search-cancel-button, 368 | input[type="search"]::-webkit-search-decoration { 369 | -webkit-appearance: none; 370 | } 371 | 372 | // 373 | // Define consistent border, margin, and padding. 374 | // 375 | 376 | fieldset { 377 | border: 1px solid #c0c0c0; 378 | margin: 0 2px; 379 | padding: 0.35em 0.625em 0.75em; 380 | } 381 | 382 | // 383 | // 1. Correct `color` not being inherited in IE 8/9/10/11. 384 | // 2. Remove padding so people aren't caught out if they zero out fieldsets. 385 | // 386 | 387 | legend { 388 | border: 0; // 1 389 | padding: 0; // 2 390 | } 391 | 392 | // 393 | // Remove default vertical scrollbar in IE 8/9/10/11. 394 | // 395 | 396 | textarea { 397 | overflow: auto; 398 | } 399 | 400 | // 401 | // Don't inherit the `font-weight` (applied by a rule above). 402 | // NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 403 | // 404 | 405 | optgroup { 406 | font-weight: bold; 407 | } 408 | 409 | // Tables 410 | // ========================================================================== 411 | 412 | // 413 | // Remove most spacing between table cells. 414 | // 415 | 416 | table { 417 | border-collapse: collapse; 418 | border-spacing: 0; 419 | } 420 | 421 | td, 422 | th { 423 | padding: 0; 424 | } -------------------------------------------------------------------------------- /fonts/selection.json: -------------------------------------------------------------------------------- 1 | 2 | { 3 | "selection": [ 4 | { 5 | "order": 9, 6 | "id": 5, 7 | "prevSize": 32, 8 | "code": 58885, 9 | "codes": [ 10 | 58885, 11 | 58886 12 | ], 13 | "name": "heart", 14 | "tempChar": [ 15 | "", 16 | "" 17 | ] 18 | }, 19 | { 20 | "order": 5, 21 | "id": 4, 22 | "prevSize": 32, 23 | "code": 58881, 24 | "name": "dropdown", 25 | "tempChar": "" 26 | }, 27 | { 28 | "order": 6, 29 | "id": 3, 30 | "prevSize": 32, 31 | "code": 58882, 32 | "name": "home", 33 | "tempChar": "" 34 | }, 35 | { 36 | "order": 7, 37 | "id": 2, 38 | "prevSize": 32, 39 | "code": 58883, 40 | "name": "twitter", 41 | "tempChar": "" 42 | }, 43 | { 44 | "order": 8, 45 | "id": 1, 46 | "prevSize": 32, 47 | "code": 58880, 48 | "name": "facebook", 49 | "tempChar": "" 50 | }, 51 | { 52 | "order": 4, 53 | "id": 0, 54 | "prevSize": 32, 55 | "code": 58884, 56 | "name": "linkedin", 57 | "tempChar": "" 58 | } 59 | ], 60 | "metadata": { 61 | "name": "Untitled Set", 62 | "importSize": { 63 | "width": 70, 64 | "height": 70 65 | }, 66 | "iconsHash": -2059033048 67 | }, 68 | "height": 1024, 69 | "prevSize": 32, 70 | "icons": [ 71 | { 72 | "paths": [ 73 | "M488.594 956.709c0 0-468.114-291.109-487.131-554.423 0 0-36.571-219.429 200.411-334.994 0 0 125.806-59.977 222.354 10.24s70.217 54.126 86.309 51.2c14.629-2.926 118.491-84.846 248.686-74.606 83.383 5.851 269.166 45.349 264.777 332.069 0 0 0 181.394-248.686 390.583s-248.686 190.171-257.463 193.097c-10.24 1.463-29.257-13.166-29.257-13.166z", 74 | "M699.246 672.914l-2.926-93.623-2.926-191.634-52.663 210.651-61.44-130.194-52.663 157.989-51.2-112.64-13.166-27.794c-26.331 39.497-30.72 39.497-36.571 39.497h-5.851l-2.926-4.389c-2.926-4.389-10.24-27.794-14.629-46.811l-39.497 26.331-13.166-80.457-65.829 234.057h-19.017l-16.091-81.92-19.017 42.423-19.017-4.389-1.463-184.32-55.589 90.697-108.251 1.463v-19.017l98.011-1.463 84.846-140.434 1.463 207.726 24.869-57.051 20.48 102.4 65.829-238.446 19.017 1.463 16.091 93.623 36.571-24.869 4.389 13.166c4.389 14.629 8.777 32.183 13.166 42.423 7.314-8.777 17.554-23.406 24.869-36.571l8.777-14.629 29.257 58.514 30.72 67.291 52.663-156.526 59.977 122.88 57.051-231.131 19.017 2.926 2.926 269.166v20.48l62.903-119.954 8.777 11.703c4.389 5.851 10.24 13.166 14.629 19.017 7.314-4.389 19.017-14.629 29.257-23.406l2.926-2.926h169.691v19.017h-160.914c-35.109 30.72-39.497 29.257-45.349 29.257l-4.389-1.463-2.926-4.389c0-1.463-4.389-5.851-7.314-11.703l-83.383 157.989z" 75 | ], 76 | "attrs": [ 77 | { 78 | "fill": "rgb(0, 0, 0)" 79 | }, 80 | { 81 | "fill": "rgb(255, 255, 255)" 82 | } 83 | ], 84 | "isMulticolor": true, 85 | "grid": 0, 86 | "tags": [ 87 | "heart" 88 | ], 89 | "colorPermutations": { 90 | "12552552551": [ 91 | 0, 92 | 1 93 | ] 94 | }, 95 | "defaultCode": 58885 96 | }, 97 | { 98 | "paths": [ 99 | "M3.619 309.046l80.682-80.682 508.918 508.918-80.682 80.682-508.918-508.918z", 100 | "M943.638 229.425l80.682 80.682-508.918 508.918-80.682-80.682 508.918-508.918z" 101 | ], 102 | "attrs": [ 103 | {}, 104 | {} 105 | ], 106 | "isMulticolor": false, 107 | "grid": 0, 108 | "tags": [ 109 | "dropdown" 110 | ], 111 | "defaultCode": 58881 112 | }, 113 | { 114 | "paths": [ 115 | "M294.034 352.549c10.24 4.389 24.869 7.314 33.646 2.926 96.549-46.811 191.634-95.086 286.72-144.823 10.24-4.389 17.554-20.48 19.017-32.183 10.24-100.937 86.309-174.080 184.32-178.469 92.16-4.389 175.543 65.829 190.171 162.377 10.24 73.143-14.629 134.583-74.606 177.006-61.44 43.886-130.194 51.2-197.486 13.166-23.406-13.166-40.96-11.703-62.903 0-92.16 48.274-185.783 93.623-277.943 141.897-7.314 4.389-19.017 13.166-19.017 19.017 1.463 8.777 10.24 19.017 19.017 23.406 96.549 49.737 194.56 99.474 292.571 147.749 8.777 4.389 24.869 0 33.646-4.389 119.954-73.143 267.703-4.389 288.183 134.583 13.166 95.086-55.589 191.634-150.674 206.263-103.863 17.554-201.874-46.811-216.503-146.286-5.851-35.109-19.017-51.2-49.737-65.829-90.697-42.423-179.931-89.234-267.703-134.583-19.017-10.24-33.646-10.24-52.663 0-71.68 35.109-156.526 21.943-213.577-30.72-55.589-51.2-74.606-137.509-43.886-209.189 29.257-70.217 99.474-115.566 177.006-114.103 1.463-2.926 68.754 19.017 102.4 32.183z" 116 | ], 117 | "attrs": [ 118 | {} 119 | ], 120 | "isMulticolor": false, 121 | "grid": 0, 122 | "tags": [ 123 | "home" 124 | ], 125 | "defaultCode": 58882 126 | }, 127 | { 128 | "paths": [ 129 | "M0 844.069c109.714 2.926 207.726-23.406 301.349-90.697-95.086-14.629-160.914-59.977-194.56-150.674 27.794 1.463 52.663 5.851 84.846-5.851-42.423-14.629-76.069-33.646-102.4-62.903-33.646-36.571-51.2-80.457-57.051-128.731-1.463-16.091 2.926-19.017 17.554-11.703 16.091 7.314 32.183 13.166 49.737 17.554 2.926 1.463 8.777 0 11.703-1.463 4.389-4.389 0-8.777-2.926-11.703-5.851-5.851-11.703-11.703-16.091-16.091-62.903-65.829-74.606-169.691-29.257-248.686 10.24 0 13.166 10.24 19.017 16.091 100.937 112.64 228.206 178.469 377.417 198.949 4.389 0 7.314 0 11.703 1.463 24.869 5.851 30.72-2.926 29.257-27.794-7.314-77.531 21.943-141.897 84.846-188.709 80.457-61.44 190.171-57.051 267.703 8.777 13.166 11.703 24.869 14.629 42.423 10.24 35.109-10.24 70.217-24.869 102.4-40.96 0 30.72-13.166 51.2-71.68 109.714 35.109 0 64.366-14.629 102.4-24.869-16.091 33.646-36.571 57.051-61.44 74.606-29.257 21.943-36.571 46.811-39.497 83.383-13.166 272.091-200.411 522.24-487.131 573.44-150.674 26.331-292.571 4.389-425.691-71.68-7.314-5.851-10.24-8.777-14.629-11.703z" 130 | ], 131 | "attrs": [ 132 | {} 133 | ], 134 | "isMulticolor": false, 135 | "grid": 0, 136 | "tags": [ 137 | "twitter" 138 | ], 139 | "defaultCode": 58883 140 | }, 141 | { 142 | "paths": [ 143 | "M386.194 1024c0-4.389-1.463-8.777-1.463-13.166 0-146.286 0-292.571 0-438.857 0-14.629 0-14.629-14.629-14.629-43.886 0-87.771 0-131.657 0-8.777 0-10.24-2.926-10.24-10.24 0-54.126 0-106.789 0-160.914 0-8.777 2.926-10.24 11.703-10.24 45.349 0 89.234 0 134.583 0 8.777 0 13.166-2.926 13.166-11.703 0-45.349 0-89.234 0-134.583 1.463-52.663 13.166-102.4 45.349-144.823 35.109-46.811 81.92-70.217 138.971-80.457 49.737-8.777 99.474-2.926 149.211-1.463 11.703 0 23.406 1.463 36.571 2.926 2.926 0 7.314 4.389 7.314 7.314 0 51.2 0 102.4 0 153.6 0 7.314-4.389 7.314-8.777 7.314-30.72 0-62.903 0-93.623 0-10.24 0-20.48 1.463-30.72 2.926-32.183 7.314-49.737 24.869-51.2 57.051-2.926 45.349-1.463 92.16-1.463 138.971 0 0 0 1.463 1.463 2.926 2.926 0 7.314 0 11.703 0 51.2 0 103.863 0 155.063 0 13.166 0 11.703 0 10.24 11.703-7.314 52.663-14.629 105.326-20.48 159.451-1.463 8.777-4.389 10.24-13.166 10.24-43.886 0-89.234 0-133.12 0-2.926 0-7.314 0-13.166 0 0 4.389 0 8.777 0 13.166 0 146.286 0 294.034 0 440.32 0 4.389 0 8.777 0 13.166-67.291 0-128.731 0-191.634 0z" 144 | ], 145 | "attrs": [ 146 | {} 147 | ], 148 | "isMulticolor": false, 149 | "grid": 0, 150 | "tags": [ 151 | "facebook" 152 | ], 153 | "defaultCode": 58880 154 | }, 155 | { 156 | "paths": [ 157 | "M586.606 386.194c84.846-73.143 181.394-89.234 283.794-42.423 102.4 45.349 137.509 137.509 143.36 236.983 7.314 108.251 4.389 217.966 8.777 327.68 2.926 55.589-19.017 78.994-74.606 77.531-27.794-1.463-55.589 0-83.383 1.463-55.589 4.389-77.531-17.554-76.069-73.143l-5.851-273.554c-2.926-65.829-14.629-136.046-103.863-133.12-87.771 2.926-106.789 68.754-105.326 143.36 2.926 108.251 4.389 217.966 7.314 340.846-67.291 1.463-124.343 7.314-181.394 1.463-20.48-2.926-51.2-35.109-51.2-55.589l-11.703-536.869c0-16.091 5.851-38.034 16.091-48.274 38.034-35.109 198.949-8.777 234.057 33.646z", 158 | "M241.371 911.36c2.926 58.514-19.017 78.994-78.994 81.92-153.6 4.389-153.6 4.389-155.063-146.286l-1.463-428.617c0-98.011 64.366-83.383 124.343-84.846 61.44-1.463 112.64-5.851 111.177 84.846v492.983z", 159 | "M256 146.286c1.463 65.829-54.126 118.491-124.343 119.954-74.606 2.926-133.12-51.2-131.657-121.417 1.463-64.366 57.051-115.566 128.731-115.566 68.754 0 125.806 52.663 127.269 117.029z" 160 | ], 161 | "attrs": [ 162 | {}, 163 | {}, 164 | {} 165 | ], 166 | "isMulticolor": false, 167 | "grid": 0, 168 | "tags": [ 169 | "linkedin" 170 | ], 171 | "defaultCode": 58884 172 | } 173 | ], 174 | "colorThemes": [ 175 | [ 176 | [ 177 | 0, 178 | 0, 179 | 0, 180 | 1 181 | ], 182 | [ 183 | 255, 184 | 255, 185 | 255, 186 | 1 187 | ] 188 | ] 189 | ], 190 | "colorThemeIdx": 0, 191 | "preferences": { 192 | "showGlyphs": true, 193 | "showQuickUse": true, 194 | "showQuickUse2": true, 195 | "showSVGs": true, 196 | "fontPref": { 197 | "prefix": "icon-", 198 | "metadata": { 199 | "fontFamily": "icomoon" 200 | }, 201 | "metrics": { 202 | "emSize": 1024, 203 | "baseline": 6.25, 204 | "whitespace": 50 205 | }, 206 | "embed": false, 207 | "autoHost": true 208 | }, 209 | "imagePref": { 210 | "prefix": "icon-", 211 | "png": true, 212 | "useClassSelector": true, 213 | "color": 4473924, 214 | "bgColor": 16777215, 215 | "classSelector": ".icon" 216 | }, 217 | "historySize": 100, 218 | "quickUsageToken": { 219 | "HH": "NmU4Nzk3OTA2YjUzMGM5ZTQwZTE3MjEwZjM3M2MxODAjMSMxNDM4NDYzNDI2IyMj" 220 | }, 221 | "fontHostingName": false, 222 | "gridSize": 16 223 | }, 224 | "IcoMoonType": "icon-set" 225 | } -------------------------------------------------------------------------------- /team.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Team - hacking.healthcare 7 | 11 | 12 | 13 | 14 | 15 | 16 | 70 | 71 |
72 |
73 |

Team

74 | 176 | 177 |
178 |

Would you like to organize an event with us?

179 | Join Our Team 180 |
181 |
182 |
183 | 184 |
185 |
186 |
187 | Menu 188 | 189 | 209 |
210 | 220 | 231 |
232 | About 233 | 234 | hacking.healthcare HQ
235 | Nussdorferstraße 88/22
236 | AT-1080 Vienna
237 | Austria
238 | 239 | 240 | Imprint 241 | 242 |
243 |
244 |
245 |
246 | Made with 247 | 248 | love 249 | in Vienna 250 |
251 | 252 | -------------------------------------------------------------------------------- /hackathon.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Berlin 2015 October 20-22 - hacking.healthcare 7 | 11 | 12 | 13 | 14 | 15 | 16 | 70 | 71 | 72 |
73 |
74 |
75 |

Vienna

76 | June 22-24 77 |
78 |
79 |
80 | 81 | 109 | 110 |
111 |

About

112 | 113 |

Healthcare is broken, it needs some loving. So let’s hack it.

114 | 115 |

At the second Health Hackathon in Vienna, let us use what we have: modern technology, a mix of artificial intelligence, design, big data, game development, user experience and modern medicine.

116 | 117 |

Healthcare is broken, it needs some loving. So let’s hack it.

118 | 119 |

At the second Health Hackathon in Vienna, let us use what we have: modern technology, a mix of artificial intelligence, design, big data, game development, user experience and modern medicine.

120 |
121 | 122 |
123 |
124 |

Location

125 | 126 |
127 |
128 |
129 |
130 |
131 | Valencia College - Collaborative Design Center
132 | 1800 S. Kirkman Road
133 | Building 10 - 3rd Floor
134 | Orlando, FL 32811
135 | 136 | Get a Ticket 137 |
138 |
139 |
140 |
141 | 142 |
143 |
144 |

Schedule

145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 |
Friday, 21th July
08:00Doors open
09:00Our friends from Microsoft welcome you to the amazing venue!
08:00Doors open
09:00Our friends from Microsoft welcome you to the amazing venue!
09:00Our friends from Microsoft welcome you to the amazing venue!
175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 |
Friday, 21th July
08:00Doors open
09:00Our friends from Microsoft welcome you to the amazing venue!
08:00Doors open
09:00Our friends from Microsoft welcome you to the amazing venue!
09:00Our friends from Microsoft welcome you to the amazing venue!
205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 |
Friday, 21th July
08:00Doors open
09:00Our friends from Microsoft welcome you to the amazing venue!
08:00Doors open
09:00Our friends from Microsoft welcome you to the amazing venue!
09:00Our friends from Microsoft welcome you to the amazing venue!
235 |
236 |
237 | 238 |
239 |
240 |

Mentors

241 | 242 |
243 |
244 |
245 | 250 |
251 | 265 |
266 |
267 | Christoph Sauermann 268 | MD 269 |

Christoph Sauermann studied business economics and held various positions at international pharmaceutical companies. As General Manager Wyeth Austria and Commercial Chair for Austria/CEE/CIS, he was in charge of various international health and e-health projects. He was also president of the Forum of Research Pharmaceutical Companies in Austria and board member of the Austrian Pharmaceutical Industry Association. Participating in the Austrian Pharmaceutical Negotiation Team for all relevant health care reform projects led to a deep knowledge of the health care system.

270 |

After 17 years industry experience he founded in 2010 mediclass Gesundheitsclub, a new and medical health concept of private practices, which offers ambulatory medical services to patients in an affordable manner.

271 |
272 |
273 | 274 |
275 |
276 |
277 | 282 |
283 | 297 |
298 |
299 | Christoph Sauermann 300 | MD 301 |

Christoph Sauermann studied business economics and held various positions at international pharmaceutical companies. As General Manager Wyeth Austria and Commercial Chair for Austria/CEE/CIS, he was in charge of various international health and e-health projects. He was also president of the Forum of Research Pharmaceutical Companies in Austria and board member of the Austrian Pharmaceutical Industry Association. Participating in the Austrian Pharmaceutical Negotiation Team for all relevant health care reform projects led to a deep knowledge of the health care system.

302 |

After 17 years industry experience he founded in 2010 mediclass Gesundheitsclub, a new and medical health concept of private practices, which offers ambulatory medical services to patients in an affordable manner.

303 |
304 |
305 | 306 |
307 |
308 | 309 |
310 |

Sponsors

311 | 312 | 350 |
351 | 352 |
353 |

Partners

354 | 355 | 393 |
394 | 395 |
396 |
397 |

Organizers

398 | 399 | 501 |
502 |
503 | 504 |
505 |
506 |

Tickets

507 |
508 | 509 |
510 | Powered by Eventbrite 511 |
512 |
513 |
514 | Are you ready to join us? 515 | Get a Ticket 516 |
517 |
518 |
519 | 520 |
521 |
522 |
523 | Menu 524 | 525 | 545 |
546 |
547 | Twitter 548 | 549 |

#SLV, our billboard for @LevisStadium 550 | is UP on the 101 located off Bowers 551 | Ave.! Check it out ahead of our #IoT 552 | #hack! iothack2015.com

553 | 554 | Yesterday 555 |
556 |
557 | Follow us 558 | 562 | 566 |
567 |
568 | About 569 | 570 | hacking.healthcare HQ
571 | Nussdorferstraße 88/22
572 | AT-1080 Vienna
573 | Austria
574 | 575 | 576 | More… 577 | 578 |
579 |
580 |
581 |
582 | Made with 583 | 584 | love 585 | in Vienna 586 |
587 | 588 | -------------------------------------------------------------------------------- /assets/logo.svg: -------------------------------------------------------------------------------- 1 | --------------------------------------------------------------------------------