diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..21c64fb --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +bower_components +node_modules +sass/.sass-cache diff --git a/bower.json b/bower.json new file mode 100644 index 0000000..c2d73f8 --- /dev/null +++ b/bower.json @@ -0,0 +1,25 @@ +{ + "name": "betterdigitalservices.github.io", + "version": "0.0.1", + "homepage": "https://github.com/laurisvan/betterdigitalservices.github.io", + "authors": [ + "Lauri Svan " + ], + "description": "", + "main": "", + "moduleType": [ + "globals" + ], + "license": "MIT", + "private": true, + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ], + "dependencies": { + "bootstrap": "~4.0.0-alpha" + } +} diff --git a/css/content.css b/css/content.css new file mode 100644 index 0000000..e69de29 diff --git a/css/footer.css b/css/footer.css new file mode 100644 index 0000000..89cfd2f --- /dev/null +++ b/css/footer.css @@ -0,0 +1,2 @@ +footer { + box-shadow: 0px -10px 10px rgba(32, 59, 106, 0.2); } diff --git a/css/header.css b/css/header.css new file mode 100644 index 0000000..1401789 --- /dev/null +++ b/css/header.css @@ -0,0 +1,30 @@ +header { + box-shadow: 0px 10px 10px rgba(32, 59, 106, 0.2); + filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#203B6A'); + font-family: Campton; + font-weight: bold; + font-size: 13px; + line-height: 25.6px; + letter-spacing: 1.56px; + text-transform: uppercase; + color: #203B6A; + vertical-align: bottom; } + header nav { + display: inline; } + header ul { + padding: 0; + display: inline; + list-style-type: none; } + header li { + display: inline; } + header a { + color: inherit; } + header .competition-entry-cfa { + display: inline-block; + float: right; + height: 100%; + background: #203B6A; + font-size: 16px; + line-height: 20.6px; + letter-spacing: 1.92px; + color: #FFFFFF; } diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..4444965 --- /dev/null +++ b/css/main.css @@ -0,0 +1,779 @@ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } + +body { + margin: 0; } + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; } + +audio:not([controls]) { + display: none; + height: 0; } + +[hidden], +template { + display: none; } + +a { + background-color: transparent; } + +a:active { + outline: 0; } + +a:hover { + outline: 0; } + +abbr[title] { + border-bottom: 1px dotted; } + +b, +strong { + font-weight: bold; } + +dfn { + font-style: italic; } + +h1 { + font-size: 2em; + margin: 0.67em 0; } + +mark { + background: #ff0; + color: #000; } + +small { + font-size: 80%; } + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +img { + border: 0; } + +svg:not(:root) { + overflow: hidden; } + +figure { + margin: 1em 40px; } + +hr { + box-sizing: content-box; + height: 0; } + +pre { + overflow: auto; } + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; } + +button { + overflow: visible; } + +button, +select { + text-transform: none; } + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; } + +button[disabled], +html input[disabled] { + cursor: default; } + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +input { + line-height: normal; } + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; } + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; } + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +legend { + border: 0; + padding: 0; } + +textarea { + overflow: auto; } + +optgroup { + font-weight: bold; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +html { + box-sizing: border-box; } + +*, +*:before, +*:after { + box-sizing: inherit; } + +@-moz-viewport { + width: device-width; } + +@-ms-viewport { + width: device-width; } + +@-o-viewport { + width: device-width; } + +@-webkit-viewport { + width: device-width; } + +@viewport { + width: device-width; } + +html { + font-size: 16px; + -webkit-tap-highlight-color: transparent; } + +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1rem; + line-height: 1.5; + color: #373a3c; + background-color: #fff; } + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: .5rem; } + +p { + margin-top: 0; + margin-bottom: 1rem; } + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #818a91; } + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; } + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; } + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; } + +dt { + font-weight: bold; } + +dd { + margin-bottom: .5rem; + margin-left: 0; } + +blockquote { + margin: 0 0 1rem; } + +a { + color: #0275d8; + text-decoration: none; } + a:focus, a:hover { + color: #014c8c; + text-decoration: underline; } + a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +pre { + margin-top: 0; + margin-bottom: 1rem; } + +figure { + margin: 0 0 1rem; } + +img { + vertical-align: middle; } + +[role="button"] { + cursor: pointer; } + +table { + background-color: transparent; } + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #818a91; + text-align: left; + caption-side: bottom; } + +th { + text-align: left; } + +label { + display: inline-block; + margin-bottom: .5rem; } + +input, +button, +select, +textarea { + margin: 0; + line-height: inherit; } + +textarea { + resize: vertical; } + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; } + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; } + +input[type="search"] { + -webkit-appearance: none; } + +output { + display: inline-block; } + +.container { + margin-right: auto; + margin-left: auto; + padding-left: 12.5px; + padding-right: 12.5px; } + .container:before, .container:after { + content: " "; + display: table; } + .container:after { + clear: both; } + @media (min-width: 34em) { + .container { + max-width: 34rem; } } + @media (min-width: 48em) { + .container { + max-width: 45rem; } } + @media (min-width: 62em) { + .container { + max-width: 60rem; } } + @media (min-width: 75em) { + .container { + max-width: 72.25rem; } } + +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 12.5px; + padding-right: 12.5px; } + .container-fluid:before, .container-fluid:after { + content: " "; + display: table; } + .container-fluid:after { + clear: both; } + +.row { + margin-left: -12.5px; + margin-right: -12.5px; } + .row:before, .row:after { + content: " "; + display: table; } + .row:after { + clear: both; } + +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6 { + position: relative; + min-height: 1px; + padding-left: 12.5px; + padding-right: 12.5px; } + +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6 { + float: left; } + +.col-xs-1 { + width: 16.66667%; } + +.col-xs-2 { + width: 33.33333%; } + +.col-xs-3 { + width: 50%; } + +.col-xs-4 { + width: 66.66667%; } + +.col-xs-5 { + width: 83.33333%; } + +.col-xs-6 { + width: 100%; } + +.col-xs-pull-0 { + right: auto; } + +.col-xs-pull-1 { + right: 16.66667%; } + +.col-xs-pull-2 { + right: 33.33333%; } + +.col-xs-pull-3 { + right: 50%; } + +.col-xs-pull-4 { + right: 66.66667%; } + +.col-xs-pull-5 { + right: 83.33333%; } + +.col-xs-pull-6 { + right: 100%; } + +.col-xs-push-0 { + left: auto; } + +.col-xs-push-1 { + left: 16.66667%; } + +.col-xs-push-2 { + left: 33.33333%; } + +.col-xs-push-3 { + left: 50%; } + +.col-xs-push-4 { + left: 66.66667%; } + +.col-xs-push-5 { + left: 83.33333%; } + +.col-xs-push-6 { + left: 100%; } + +.col-xs-offset-0 { + margin-left: 0%; } + +.col-xs-offset-1 { + margin-left: 16.66667%; } + +.col-xs-offset-2 { + margin-left: 33.33333%; } + +.col-xs-offset-3 { + margin-left: 50%; } + +.col-xs-offset-4 { + margin-left: 66.66667%; } + +.col-xs-offset-5 { + margin-left: 83.33333%; } + +.col-xs-offset-6 { + margin-left: 100%; } + +@media (min-width: 34em) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6 { + float: left; } + .col-sm-1 { + width: 16.66667%; } + .col-sm-2 { + width: 33.33333%; } + .col-sm-3 { + width: 50%; } + .col-sm-4 { + width: 66.66667%; } + .col-sm-5 { + width: 83.33333%; } + .col-sm-6 { + width: 100%; } + .col-sm-pull-0 { + right: auto; } + .col-sm-pull-1 { + right: 16.66667%; } + .col-sm-pull-2 { + right: 33.33333%; } + .col-sm-pull-3 { + right: 50%; } + .col-sm-pull-4 { + right: 66.66667%; } + .col-sm-pull-5 { + right: 83.33333%; } + .col-sm-pull-6 { + right: 100%; } + .col-sm-push-0 { + left: auto; } + .col-sm-push-1 { + left: 16.66667%; } + .col-sm-push-2 { + left: 33.33333%; } + .col-sm-push-3 { + left: 50%; } + .col-sm-push-4 { + left: 66.66667%; } + .col-sm-push-5 { + left: 83.33333%; } + .col-sm-push-6 { + left: 100%; } + .col-sm-offset-0 { + margin-left: 0%; } + .col-sm-offset-1 { + margin-left: 16.66667%; } + .col-sm-offset-2 { + margin-left: 33.33333%; } + .col-sm-offset-3 { + margin-left: 50%; } + .col-sm-offset-4 { + margin-left: 66.66667%; } + .col-sm-offset-5 { + margin-left: 83.33333%; } + .col-sm-offset-6 { + margin-left: 100%; } } + +@media (min-width: 48em) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6 { + float: left; } + .col-md-1 { + width: 16.66667%; } + .col-md-2 { + width: 33.33333%; } + .col-md-3 { + width: 50%; } + .col-md-4 { + width: 66.66667%; } + .col-md-5 { + width: 83.33333%; } + .col-md-6 { + width: 100%; } + .col-md-pull-0 { + right: auto; } + .col-md-pull-1 { + right: 16.66667%; } + .col-md-pull-2 { + right: 33.33333%; } + .col-md-pull-3 { + right: 50%; } + .col-md-pull-4 { + right: 66.66667%; } + .col-md-pull-5 { + right: 83.33333%; } + .col-md-pull-6 { + right: 100%; } + .col-md-push-0 { + left: auto; } + .col-md-push-1 { + left: 16.66667%; } + .col-md-push-2 { + left: 33.33333%; } + .col-md-push-3 { + left: 50%; } + .col-md-push-4 { + left: 66.66667%; } + .col-md-push-5 { + left: 83.33333%; } + .col-md-push-6 { + left: 100%; } + .col-md-offset-0 { + margin-left: 0%; } + .col-md-offset-1 { + margin-left: 16.66667%; } + .col-md-offset-2 { + margin-left: 33.33333%; } + .col-md-offset-3 { + margin-left: 50%; } + .col-md-offset-4 { + margin-left: 66.66667%; } + .col-md-offset-5 { + margin-left: 83.33333%; } + .col-md-offset-6 { + margin-left: 100%; } } + +@media (min-width: 62em) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6 { + float: left; } + .col-lg-1 { + width: 16.66667%; } + .col-lg-2 { + width: 33.33333%; } + .col-lg-3 { + width: 50%; } + .col-lg-4 { + width: 66.66667%; } + .col-lg-5 { + width: 83.33333%; } + .col-lg-6 { + width: 100%; } + .col-lg-pull-0 { + right: auto; } + .col-lg-pull-1 { + right: 16.66667%; } + .col-lg-pull-2 { + right: 33.33333%; } + .col-lg-pull-3 { + right: 50%; } + .col-lg-pull-4 { + right: 66.66667%; } + .col-lg-pull-5 { + right: 83.33333%; } + .col-lg-pull-6 { + right: 100%; } + .col-lg-push-0 { + left: auto; } + .col-lg-push-1 { + left: 16.66667%; } + .col-lg-push-2 { + left: 33.33333%; } + .col-lg-push-3 { + left: 50%; } + .col-lg-push-4 { + left: 66.66667%; } + .col-lg-push-5 { + left: 83.33333%; } + .col-lg-push-6 { + left: 100%; } + .col-lg-offset-0 { + margin-left: 0%; } + .col-lg-offset-1 { + margin-left: 16.66667%; } + .col-lg-offset-2 { + margin-left: 33.33333%; } + .col-lg-offset-3 { + margin-left: 50%; } + .col-lg-offset-4 { + margin-left: 66.66667%; } + .col-lg-offset-5 { + margin-left: 83.33333%; } + .col-lg-offset-6 { + margin-left: 100%; } } + +@media (min-width: 75em) { + .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6 { + float: left; } + .col-xl-1 { + width: 16.66667%; } + .col-xl-2 { + width: 33.33333%; } + .col-xl-3 { + width: 50%; } + .col-xl-4 { + width: 66.66667%; } + .col-xl-5 { + width: 83.33333%; } + .col-xl-6 { + width: 100%; } + .col-xl-pull-0 { + right: auto; } + .col-xl-pull-1 { + right: 16.66667%; } + .col-xl-pull-2 { + right: 33.33333%; } + .col-xl-pull-3 { + right: 50%; } + .col-xl-pull-4 { + right: 66.66667%; } + .col-xl-pull-5 { + right: 83.33333%; } + .col-xl-pull-6 { + right: 100%; } + .col-xl-push-0 { + left: auto; } + .col-xl-push-1 { + left: 16.66667%; } + .col-xl-push-2 { + left: 33.33333%; } + .col-xl-push-3 { + left: 50%; } + .col-xl-push-4 { + left: 66.66667%; } + .col-xl-push-5 { + left: 83.33333%; } + .col-xl-push-6 { + left: 100%; } + .col-xl-offset-0 { + margin-left: 0%; } + .col-xl-offset-1 { + margin-left: 16.66667%; } + .col-xl-offset-2 { + margin-left: 33.33333%; } + .col-xl-offset-3 { + margin-left: 50%; } + .col-xl-offset-4 { + margin-left: 66.66667%; } + .col-xl-offset-5 { + margin-left: 83.33333%; } + .col-xl-offset-6 { + margin-left: 100%; } } + +@font-face { + font-family: 'Campton'; + src: url("../fonts/Rene_Bieder-Campton_Medium.otf?") format("opentype"); } + +h1 { + text-transform: uppercase; + font-family: Campton; + font-weight: bold; + font-size: 68px; + line-height: 1.1; + letter-spacing: 7px; } + h1 .underlined:after { + /*height: 10px; + width: 100px; + overflow: visible; + background: url('../img/wave_big-01.svg') left bottom no-repeat; + content: ""; + display: inline-block; + bottom: -5px;*/ } + +.all-caps { + text-transform: uppercase; } + +header { + box-shadow: 0px 10px 10px rgba(32, 59, 106, 0.2); + z-index: 100; + font-family: Campton; + font-weight: bold; + font-size: 14px; + line-height: 90px; + letter-spacing: 1.56px; + text-transform: uppercase; + color: #203B6A; + vertical-align: middle; } + header nav { + display: inline; } + header ul { + padding: 0; + display: inline; + list-style-type: none; } + header li { + display: inline; + margin: 6px; } + header a { + color: inherit; } + header .competition-entry-cfa { + background: url("../img/ticket_bg-18.svg") repeat-y 0 0; + background-color: #203B6A; + color: #FFFFFF; } + header .competition-entry-cfa a { + margin-left: 15px; + vertical-align: middle; + display: inline-block; + font-size: 14px; + line-height: 20.6px; + letter-spacing: 1.92px; } + +footer { + box-shadow: 0px -10px 10px rgba(32, 59, 106, 0.2); } + +.info { + font-size: 18px; + font-weight: bold; + line-height: 1.2; + letter-spacing: 4px; + width: 300px; + height: 340px; } + .info .light { + font-weight: light; } + +.rotate-90 { + overflow: visible; + -webkit-transform-origin: top left; + -moz-transform-origin: top left; + -ms-transform-origin: top left; + -o-transform-origin: top left; + transform-origin: top left; + transform: rotate(90deg) translate(20px, -170px); } + +a, a:hover, a:visited, a:focus { + color: inherit; + text-decoration: none; } + +body { + background: #ffffff; + color: #203B6A; } + +main { + background-color: #d3ecdf; } diff --git a/css/settings.css b/css/settings.css new file mode 100644 index 0000000..d3e90ae --- /dev/null +++ b/css/settings.css @@ -0,0 +1 @@ +/* Our very own variables */ diff --git a/fonts/272507-baskerville-10-pro-bold/Baskerville10Pro-Bold.otf b/fonts/272507-baskerville-10-pro-bold/Baskerville10Pro-Bold.otf new file mode 100755 index 0000000..5db0c53 Binary files /dev/null and b/fonts/272507-baskerville-10-pro-bold/Baskerville10Pro-Bold.otf differ diff --git a/fonts/272511-baskerville-10-pro-medium/Baskerville10Pro-Medium.otf b/fonts/272511-baskerville-10-pro-medium/Baskerville10Pro-Medium.otf new file mode 100755 index 0000000..7a47a7b Binary files /dev/null and b/fonts/272511-baskerville-10-pro-medium/Baskerville10Pro-Medium.otf differ diff --git a/fonts/272514-baskerville-120-pro-regular/Baskerville120Pro.otf b/fonts/272514-baskerville-120-pro-regular/Baskerville120Pro.otf new file mode 100755 index 0000000..e446c86 Binary files /dev/null and b/fonts/272514-baskerville-120-pro-regular/Baskerville120Pro.otf differ diff --git a/fonts/272517-baskerville-120-pro-italic/Baskerville120Pro-Italic.otf b/fonts/272517-baskerville-120-pro-italic/Baskerville120Pro-Italic.otf new file mode 100755 index 0000000..7820f18 Binary files /dev/null and b/fonts/272517-baskerville-120-pro-italic/Baskerville120Pro-Italic.otf differ diff --git a/fonts/324411-baskerville-10-pro-bold-web/Baskerville10Pro-Bold.html b/fonts/324411-baskerville-10-pro-bold-web/Baskerville10Pro-Bold.html new file mode 100755 index 0000000..8326ed7 --- /dev/null +++ b/fonts/324411-baskerville-10-pro-bold-web/Baskerville10Pro-Bold.html @@ -0,0 +1,489 @@ + + + + + Baskerville10Pro-Bold + + + + + + + +

Web Font Specimen

+

Baskerville10Pro-Bold

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

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

72px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

48px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

36px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

28px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

24px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

20px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

16px

+

+ Or try your own text:

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

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

 
+

13px

+

17px

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

+

42px

+
+
+
+

Upload the fonts into the same folder as your CSS file and copy this code into your CSS:

+ 
/* first for IE 4–8 */
+@font-face {
+  font-family: Baskerville10ProBold;
+  src: url("Baskerville10Pro-BoldWeb.eot");
+}
+
+/* then for WOFF-capable browsers */
+@font-face {
+  font-family: Baskerville10ProBold;
+  src: url("Baskerville10Pro-BoldWeb.woff") format("woff");
+}
+
+/* go on with normal style definitions */
+body { 
+  font-family: Baskerville10ProBold, sans-serif;
+}
+
+ + + \ No newline at end of file diff --git a/fonts/324411-baskerville-10-pro-bold-web/Baskerville10Pro-BoldWeb.eot b/fonts/324411-baskerville-10-pro-bold-web/Baskerville10Pro-BoldWeb.eot new file mode 100755 index 0000000..cced1db Binary files /dev/null and b/fonts/324411-baskerville-10-pro-bold-web/Baskerville10Pro-BoldWeb.eot differ diff --git a/fonts/324411-baskerville-10-pro-bold-web/Baskerville10Pro-BoldWeb.woff b/fonts/324411-baskerville-10-pro-bold-web/Baskerville10Pro-BoldWeb.woff new file mode 100755 index 0000000..48c8ea6 Binary files /dev/null and b/fonts/324411-baskerville-10-pro-bold-web/Baskerville10Pro-BoldWeb.woff differ diff --git a/fonts/324412-baskerville-10-pro-medium-web/Baskerville10Pro-Medium.html b/fonts/324412-baskerville-10-pro-medium-web/Baskerville10Pro-Medium.html new file mode 100755 index 0000000..fa48b9b --- /dev/null +++ b/fonts/324412-baskerville-10-pro-medium-web/Baskerville10Pro-Medium.html @@ -0,0 +1,489 @@ + + + + + Baskerville10Pro-Medium + + + + + + + +

Web Font Specimen

+

Baskerville10Pro-Medium

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

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

72px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

48px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

36px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

28px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

24px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

20px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

16px

+

+ Or try your own text:

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

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

 
+

13px

+

17px

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

+

42px

+
+
+
+

Upload the fonts into the same folder as your CSS file and copy this code into your CSS:

+ 
/* first for IE 4–8 */
+@font-face {
+  font-family: Baskerville10ProMedium;
+  src: url("Baskerville10Pro-MediumWeb.eot");
+}
+
+/* then for WOFF-capable browsers */
+@font-face {
+  font-family: Baskerville10ProMedium;
+  src: url("Baskerville10Pro-MediumWeb.woff") format("woff");
+}
+
+/* go on with normal style definitions */
+body { 
+  font-family: Baskerville10ProMedium, sans-serif;
+}
+
+ + + \ No newline at end of file diff --git a/fonts/324412-baskerville-10-pro-medium-web/Baskerville10Pro-MediumWeb.eot b/fonts/324412-baskerville-10-pro-medium-web/Baskerville10Pro-MediumWeb.eot new file mode 100755 index 0000000..4dec884 Binary files /dev/null and b/fonts/324412-baskerville-10-pro-medium-web/Baskerville10Pro-MediumWeb.eot differ diff --git a/fonts/324412-baskerville-10-pro-medium-web/Baskerville10Pro-MediumWeb.woff b/fonts/324412-baskerville-10-pro-medium-web/Baskerville10Pro-MediumWeb.woff new file mode 100755 index 0000000..c5d650c Binary files /dev/null and b/fonts/324412-baskerville-10-pro-medium-web/Baskerville10Pro-MediumWeb.woff differ diff --git a/fonts/324416-baskerville-120-pro-regular-web/Baskerville120Pro.html b/fonts/324416-baskerville-120-pro-regular-web/Baskerville120Pro.html new file mode 100755 index 0000000..18ac4f0 --- /dev/null +++ b/fonts/324416-baskerville-120-pro-regular-web/Baskerville120Pro.html @@ -0,0 +1,489 @@ + + + + + Baskerville120Pro + + + + + + + +

Web Font Specimen

+

Baskerville120Pro

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

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

72px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

48px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

36px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

28px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

24px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

20px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

16px

+

+ Or try your own text:

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

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

 
+

13px

+

17px

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

+

42px

+
+
+
+

Upload the fonts into the same folder as your CSS file and copy this code into your CSS:

+ 
/* first for IE 4–8 */
+@font-face {
+  font-family: Baskerville120Pro;
+  src: url("Baskerville120ProWeb.eot");
+}
+
+/* then for WOFF-capable browsers */
+@font-face {
+  font-family: Baskerville120Pro;
+  src: url("Baskerville120ProWeb.woff") format("woff");
+}
+
+/* go on with normal style definitions */
+body { 
+  font-family: Baskerville120Pro, sans-serif;
+}
+
+ + + \ No newline at end of file diff --git a/fonts/324416-baskerville-120-pro-regular-web/Baskerville120ProWeb.eot b/fonts/324416-baskerville-120-pro-regular-web/Baskerville120ProWeb.eot new file mode 100755 index 0000000..cacc4c4 Binary files /dev/null and b/fonts/324416-baskerville-120-pro-regular-web/Baskerville120ProWeb.eot differ diff --git a/fonts/324416-baskerville-120-pro-regular-web/Baskerville120ProWeb.woff b/fonts/324416-baskerville-120-pro-regular-web/Baskerville120ProWeb.woff new file mode 100755 index 0000000..6dc93f0 Binary files /dev/null and b/fonts/324416-baskerville-120-pro-regular-web/Baskerville120ProWeb.woff differ diff --git a/fonts/324417-baskerville-120-pro-italic-web/Baskerville120Pro-Italic.html b/fonts/324417-baskerville-120-pro-italic-web/Baskerville120Pro-Italic.html new file mode 100755 index 0000000..3d13597 --- /dev/null +++ b/fonts/324417-baskerville-120-pro-italic-web/Baskerville120Pro-Italic.html @@ -0,0 +1,489 @@ + + + + + Baskerville120Pro-Italic + + + + + + + +

Web Font Specimen

+

Baskerville120Pro-Italic

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

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

72px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

48px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

36px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

28px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

24px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

20px

Rob was the king of crazy DJ mixtapes. He loved squirrels more than gophers and chipmunks.

16px

+

+ Or try your own text:

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

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

 
+

13px

+

17px

Because the Earth’s axis is tilted relative to + its orbital plane, sunlight is incident at different angles at different times of the year. In June + the Northern Hemisphere is tilted towards the sun, so at any given Northern Hemisphere latitude + sunlight falls more directly on that spot than in December. + Over thousands to hundreds of thousands of years, changes in Earth’s orbital parameters affect the + amount and distribution of solar energy received by the Earth and influence long-term climate. The + uneven solar heating (the formation of zones of temperature and moisture gradients, or ‘frontogenesis’) + can also be due to the weather itself in the form of cloudiness and precipitation. Higher altitudes + are cooler than lower altitudes, which is explained by the lapse rate. On local scales, temperature + differences can occur because different surfaces – such as oceans, forests, ice sheets, or man-made + objects – have differing physical characteristics such as reflectivity, roughness, or moisture content.

+

42px

+
+
+
+

Upload the fonts into the same folder as your CSS file and copy this code into your CSS:

+ 
/* first for IE 4–8 */
+@font-face {
+  font-family: Baskerville120ProItalic;
+  src: url("Baskerville120Pro-ItalicWeb.eot");
+}
+
+/* then for WOFF-capable browsers */
+@font-face {
+  font-family: Baskerville120ProItalic;
+  src: url("Baskerville120Pro-ItalicWeb.woff") format("woff");
+}
+
+/* go on with normal style definitions */
+body { 
+  font-family: Baskerville120ProItalic, sans-serif;
+}
+
+ + + \ No newline at end of file diff --git a/fonts/324417-baskerville-120-pro-italic-web/Baskerville120Pro-ItalicWeb.eot b/fonts/324417-baskerville-120-pro-italic-web/Baskerville120Pro-ItalicWeb.eot new file mode 100755 index 0000000..345ad6d Binary files /dev/null and b/fonts/324417-baskerville-120-pro-italic-web/Baskerville120Pro-ItalicWeb.eot differ diff --git a/fonts/324417-baskerville-120-pro-italic-web/Baskerville120Pro-ItalicWeb.woff b/fonts/324417-baskerville-120-pro-italic-web/Baskerville120Pro-ItalicWeb.woff new file mode 100755 index 0000000..fb95073 Binary files /dev/null and b/fonts/324417-baskerville-120-pro-italic-web/Baskerville120Pro-ItalicWeb.woff differ diff --git a/fonts/Rene_Bieder-Campton_Bold.otf b/fonts/Rene_Bieder-Campton_Bold.otf new file mode 100755 index 0000000..2e18b75 Binary files /dev/null and b/fonts/Rene_Bieder-Campton_Bold.otf differ diff --git a/fonts/Rene_Bieder-Campton_Book.otf b/fonts/Rene_Bieder-Campton_Book.otf new file mode 100755 index 0000000..7df926b Binary files /dev/null and b/fonts/Rene_Bieder-Campton_Book.otf differ diff --git a/fonts/Rene_Bieder-Campton_Light.otf b/fonts/Rene_Bieder-Campton_Light.otf new file mode 100755 index 0000000..e299cf4 Binary files /dev/null and b/fonts/Rene_Bieder-Campton_Light.otf differ diff --git a/fonts/Rene_Bieder-Campton_Medium.otf b/fonts/Rene_Bieder-Campton_Medium.otf new file mode 100755 index 0000000..a65ca2a Binary files /dev/null and b/fonts/Rene_Bieder-Campton_Medium.otf differ diff --git a/fonts/Rene_Bieder-Campton_SemiBold.otf b/fonts/Rene_Bieder-Campton_SemiBold.otf new file mode 100755 index 0000000..ff54370 Binary files /dev/null and b/fonts/Rene_Bieder-Campton_SemiBold.otf differ diff --git a/fonts/Storm Type Foundry Typefaces End User License Agreement.txt b/fonts/Storm Type Foundry Typefaces End User License Agreement.txt new file mode 100755 index 0000000..269f34a --- /dev/null +++ b/fonts/Storm Type Foundry Typefaces End User License Agreement.txt @@ -0,0 +1,27 @@ +Storm Type Foundry + +END USER LICENSE AGREEMENT + +This is a contract between you and Storm Type Foundry (STF). + +1. The digital files downloaded to your computer contain font software that is the intellectual property of and is owned by STF. This non-exclusive license grants you certain rights to use the font software and is not an agreement for sale of the font software or any portion of it. Except for your right to use the font software granted by this license, all other rights, title of the font software, related trademarks and trade names are owned and retained by STF. + +2. You can install and use the font software on only a specified number of computers (stated in your Invoice) at one single location (Company Name). These computers can be connected to, and the font software used with, any number of output devices, such as a laser printer, ink jet printer, an imagesetter or a film recorder. + +3. You can use the fonts for display on an unlimited number of your web pages, but this EULA gives you the rights to use it on only a specified number of domains (stated in your Invoice). You can use third-party software to convert @font-face formats under the conditions given in section 5 of this EULA. You must assure, that the viewer will not be able to get the original fonts themselves, and that your pages will not permanently copy the original fonts into a connected computer. + +4. Embedding of font software. Embedding of font software into digital documents or web pages is permitted only in secured read-only mode. You must assure that it will be impossible to gain font software by any means or to copy it from these documents. + +5. You may convert and install the font software into another format for use in other environments, subject to the following conditions: A computer on which the converted font software is used or installed shall be considered as one of your permitted number of computers. Use of the font software you have converted shall be pursuant to all the terms and conditions of this Agreement. Such converted font software may be used for your own customary internal business or personal use exclusively and may not be distributed or transferred for any purpose. You may not modify or remove the name(s) of the font software, author's signature, copyright and trademark notices from the original files. + +6. You may take a copy of the font(s) you have used for a particular file to a commercial printer or other service bureau, only if the service bureau already has a valid license from STF to use that particular font software. + +7. You are not authorized to sublicense, sell, lend or lease the font software, but you may permanently transfer your rights under this Agreement to a third party; provided that (1) you transfer your copy of this Agreement, the font software, and all original documentation to the third party, (2) you destroy all of your copies of the font software, and (3) the receiving party accepts the terms and conditions of this Agreement. + +8. Lifetime Warranty. STF warrants that the font software will perform in accordance with the specifications published by STF. Your exclusive remedy and the sole liability of STF in connection with the font software is repair or replacement of its defective part. The warranty does not apply to any font software converted or modified by the user. + +9. Disclaimer of Warranties. EXCEPT FOR THE WARRANTY SET FORTH IN CLAUSE 8, STF MAKES NO OTHER WARRANTIES, EXPRESS OR IMPLIED. THE WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE AND MERCHANTABILITY ARE SPECIFICALLY EXCLUDED. STF DOES NOT WARRANT THE PERFORMANCE AND RESULT YOU MAY OBTAIN BY USING THE FONT SOFTWARE AND ACCEPT NO LIABILITY THERETO. + +10. Limitation of Liability. IN NO EVENT WILL STF BE LIABLE TO YOU FOR ANY CONSEQUENTIAL, INDIRECT, INCIDENTAL, PUNITIVE OR SPECIAL DAMAGES INCLUDING ANY LOST PROFITS, LOST DATA OR LOST SAVINGS. + +11. General. This Agreement will be governed by the laws of Czech Republic. YOU ACKNOWLEDGE THAT YOU HAVE READ, UNDERSTOOD, AND AGREED TO BE BOUND BY THE TERMS AND CONDITIONS OF THIS AGREEMENT. \ No newline at end of file diff --git a/fonts/Storm Type Foundry Webfonts End User License Agreement.txt b/fonts/Storm Type Foundry Webfonts End User License Agreement.txt new file mode 100755 index 0000000..c737f31 --- /dev/null +++ b/fonts/Storm Type Foundry Webfonts End User License Agreement.txt @@ -0,0 +1,47 @@ +End User Licence Agreement for Storm Type Webfonts +This end user Licence Agreement (hereinafter "Agreement") is a legal agreement between you, or, if you represent a legal entity, that legal entity (hereinafter "You") and Storm Type (hereinafter "Storm Type"), and is applicable to the Font Software that is accompanied by this Agreement or that You have ordered online. +By downloading the Font Software or, if You purchased it not online, by installing the Font Software or by opening the package, You agree to be bound by the terms of this Agreement. If You do not agree to the terms of this Agreement, do not download, install, or use the Font Software. If You have purchased Font Software in a sealed retail package and do not agree to the terms of this Agreement, return it unopened to the place of purchase. + +1. Definitions +"Font Software" means coded software that is accompanied by this Agreement or that You have ordered online and that generates typeface designs when used with the appropriate hard- and software, plus any and all other data including documentation provided with such software. + + "Licensed Unit" means installations of the Font Software that allow the design of Your Websites which have - based on any six consecutive calendar months - not more than the overall monthly average of Pageviews stated on Your invoice for the purchase of the Font Software. If no number of Pageviews is given on your invoice, the licensed number of Pageviews is 500,000 per month. If Your Websites averages (based on a period of six consecutive calendar months) at any given time in the future more than the licensed number of Pageviews per month, You must purchase an extended licence from Storm Type or its authorized distributors. + +"Use" means to design Your own personal or business Website with the typeface embodied in the Font Software and to make accessible the Font Software together with Your Website on a web server in order to enable a web browser to render the content of such a Website using the respective Font Software. Use does not include the behaviour set forth in Clause 2.2. below. + +"Website" as used here is a connected group of related web pages which form an entity whose content is managed by You, and which are organized under a particular domain name, including sub-domains. The Website can be viewed either over Your local area network or over the Internet. For the avoidance of doubt, web pages on sub-domains whose content is managed by other persons are deemed to be not part of Your Website. + +"Pageview" is each request to load a single page of each of Your Websites. Pageviews - also referred to as page impressions or page requests - must be recorded by a commonly accepted or recognized performance tracking system. Storm Type reserves the right to request written copies of your average Pageview reporting statistics. + +2. Grant of Licence and Restrictions +2.1. Grant of Licence. Storm Type grants You a non-exclusive licence to Use the Font Software in a Licensed Unit for Your own personal or business purposes according to the terms of this Agreement. If the average number of Pageviews under which the Font Software is Used exceeds the amount set forth in the Licensed Unit, then You must request from Storm Type or its authorized distributors an appropriate licence extension covering all Pageviews; an additional fee will be charged for this licence extension. + +2.2. Restriction of Use. You are not allowed to copy, distribute or make the Font Software available to third parties so that they can use it for their purposes or for purposes other than the display of Your Websites. In particular (but not limited to), You are not allowed (i) to disseminate or make available the Font Software or parts of it through any online service or a file sharing platform or (ii) to sublicense the Font Software to third parties so that they can use it for their websites (even though such websites are hosted under Your domain name), e. g. for websites in social networks, for individual online shops under a common domain name, in blogging communities, by online editors, as a design tool, etc. If You wish to use the Font Software for such purposes, You must obtain a special licence from Storm Type or its authorized distributors. + +2.3. No Embedding. You may not embed the Font Software in any documents (e. g. pdf documents), applications or devices other than your Websites. You may not use the Font Software for other services that are rendering the fonts, e. g. pre-press, plotting, exposing, etc. If You wish to use the Font Software for such purposes, You must obtain a separate pre-press font licence from Alan Meeks or its authorized distributors. + +2.4. Backup. You may make backup copies of the Font Software for archival purposes only, provided that You retain exclusive custody and control over such copies. Any backup copy of the Font Software must contain the same copyright, trademark, and other proprietary information as the original. + +2.5. Modifications. You may not modify, adapt, translate, reverse engineer, decompile, disassemble, alter, or attempt to discover the source code of the Font Software except as expressly provided for in this Clause 2 and the Definition of Use. If You want to make modifications to the Font Software, You must obtain the prior written consent of Storm Type. + + +3. Ownership +The Font Software, and all copies thereof, is protected by the United States Copyright Law, by the copyright and design laws of other nations, and by international treaties. Any copyright, trademark and other rights belong exclusively to Storm Type. You do not gain the ownership of the Font Software or any part hereof under this Agreement. The structure, organization, and the code of the Font Software are trade secrets of Storm Type, and You agree to treat them as such. + +4. Transfer of Licence +Except as expressly provided herein, You may not give, rent or lease or make available the Font Software or parts of it to third parties. You may completely transfer Your licence right to Use the Font Software to another person or legal entity provided that (i) You stop Using the Font Software Yourself, (ii) the transferee accepts and agrees in writing (with copy to Storm Type) to be bound by all the terms and conditions of this Agreement, and (iii) You destroy all of Your copies of the Font Software, including all copies stored in the memory of a hardware device. + +5. Limitation of Liability +If the Font Software does not perform substantially in accordance with the pertaining documentation, the entire and exclusive liability of Storm Type shall be limited to either, at Alan Meeks's option, the replacement of the Font Software or the refund of the licence fee You paid for the Font Software. Storm Type and its suppliers do not warrant the performance or results You may obtain by using the Font Software. Storm Type and its suppliers make no warranties express or implied, as to non-infringement of third party rights, merchantability, or fitness for any particular purpose. In no event will Storm Type or its suppliers be liable to You for any consequential, incidental or special damages, including any lost profits or lost savings, even if a Storm Type representative has been advised of the possibility of such damages, or for any claim by any third party. This warranty does not affect any claims You might have against Your retailer. + +6. Export Restriction +You agree that the Font Software will not be shipped, transferred or exported into any country or used in any manner prohibited by the United States Export Administration Act or any other applicable export laws, restrictions or regulations. + +7. Termination +Storm Type has the right to terminate Your licence immediately if You fail to comply with any term of this Agreement. Upon termination, You must destroy the original and any copies of the Font Software. + +8. General provisions +You agree to inform all users who have access to the Font Software about the content of this Agreement and to make sure that they comply with the terms of this Agreement. This Agreement may only be modified in writing signed by an authorized officer of Storm Type. + +9. Governing Law +This Agreement will be governed by the laws of USA. This agreement will not be governed by the United Nations Convention of Contracts for the International Sale of Goods, the application of which is expressly excluded. If any part of this agreement is found void and unenforceable, it will not affect the validity of the balance of the Agreement, which shall remain valid and enforceable according to its terms. \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..752eb05 --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,12 @@ +var gulp = require('gulp'); +var sass = require('gulp-sass'); + +gulp.task('sass', function () { + gulp.src('./sass/**/*.scss') + .pipe(sass().on('error', sass.logError)) + .pipe(gulp.dest('./css')); +}); + +gulp.task('sass:watch', function () { + gulp.watch('./sass/**/*.scss', ['sass']); +}); \ No newline at end of file diff --git a/arrow.png b/img/arrow.png similarity index 100% rename from arrow.png rename to img/arrow.png diff --git a/img/ba_logo-01.svg b/img/ba_logo-01.svg new file mode 100644 index 0000000..640ba71 --- /dev/null +++ b/img/ba_logo-01.svg @@ -0,0 +1,12 @@ + + + + + + diff --git a/img/ticket_bg-18.svg b/img/ticket_bg-18.svg new file mode 100644 index 0000000..ae6f629 --- /dev/null +++ b/img/ticket_bg-18.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/img/wave-01.svg b/img/wave-01.svg new file mode 100644 index 0000000..e566ed7 --- /dev/null +++ b/img/wave-01.svg @@ -0,0 +1,11 @@ + + + + + + + + diff --git a/img/wave_big-01.svg b/img/wave_big-01.svg new file mode 100644 index 0000000..1a443c2 --- /dev/null +++ b/img/wave_big-01.svg @@ -0,0 +1,13 @@ + + + + + + + + diff --git a/index.html b/index.html index 3d499cf..2ea7f5c 100644 --- a/index.html +++ b/index.html @@ -3,30 +3,79 @@ Blue Arrow 2016 - - + -


- Blue Arrow
- 20
- 16

+
+
+
+
+ +
+
+ +
+
+ Enter your project here! +
+
+
+
+
+
+
+
+
+
+ Awards Ceremony
+ April 2016
+ Helsinki/Finland +
+
+
+

Blue Arrow is an award for + impact. +

+
+
+
+

Blue Arrow awards selects the best services, teams, people and code in digital industry in 8 categories. We are looking for quality and depth in concept, design and code.

+ +

Schedule

+

The competition entry opens 25.1.2016 and closes 29.2.2016. The award gala will take place in April 2016. Enter your product, service or campaign if you feel it has had an impact.

+ Enter here +

Jury

+ TODO Make a grid here + +

Categories

+ TODO Categories + +

Our Mission

+

As society becomes increasingly digital, services, products and campaigns have a more profound impact on all aspects of people’s lives and well-being.

+

We want that impact to be positive. We want better digital services. + We believe people and companies who successfully work towards this goal should be recognized and rewarded.

+ +

Be the Impact

+ Sponsor the Event + +

Who Are We?

+

Better Digital Services is a registered association started by 10 companies working in the IT industry and producing digital services.

+

The purpose of the association is to raise the ambition level, meaningfulness and quality of the services created, as well as make the digital service creation industry's impact on the lives of people more positive. The award gala is just the first step.

+
+
+
+ diff --git a/package.json b/package.json new file mode 100644 index 0000000..0796202 --- /dev/null +++ b/package.json @@ -0,0 +1,25 @@ +{ + "name": "betterdigitalservices.github.io", + "version": "0.0.1", + "description": "", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "https://github.com/laurisvan/betterdigitalservices.github.io.git" + }, + "author": "Lauri Svan (https://github.com/laurisvan)", + "license": "ISC", + "bugs": { + "url": "https://github.com/laurisvan/betterdigitalservices.github.io/issues" + }, + "homepage": "https://github.com/laurisvan/betterdigitalservices.github.io", + "dependencies": { + "gulp-sass": "^2.1.0" + }, + "devDependencies": { + "gulp": "^3.9.0" + } +} diff --git a/sass/_content.scss b/sass/_content.scss new file mode 100644 index 0000000..eecac12 --- /dev/null +++ b/sass/_content.scss @@ -0,0 +1,32 @@ +.lead { + +} + +.info { + font-size : 18px; + font-weight: bold; + line-height : 1.2; + letter-spacing : 4px; + width: 300px; + height: 340px; + + .light { + font-weight: light; + } +} + +.rotate-90 { + overflow: visible; + -webkit-transform-origin: top left; + -moz-transform-origin: top left; + -ms-transform-origin: top left; + -o-transform-origin: top left; + transform-origin: top left; + + transform: rotate(90deg) translate(20px, -170px); +} + +a, a:hover, a:visited, a:focus { + color: inherit; + text-decoration: none; +} \ No newline at end of file diff --git a/sass/_footer.scss b/sass/_footer.scss new file mode 100644 index 0000000..15d1308 --- /dev/null +++ b/sass/_footer.scss @@ -0,0 +1,3 @@ +footer { + box-shadow : 0px -10px 10px rgba(32, 59, 106, 0.2); +} \ No newline at end of file diff --git a/sass/_header.scss b/sass/_header.scss new file mode 100644 index 0000000..f512235 --- /dev/null +++ b/sass/_header.scss @@ -0,0 +1,48 @@ +header { + box-shadow: 0px 10px 10px rgba(32, 59, 106, 0.2); + z-index: 100; + + font-family : Campton; + font-weight : bold; + font-size : 14px; + line-height : 90px; + letter-spacing : 1.56px; + text-transform : uppercase; + color : #203B6A; + vertical-align: middle; + + nav { + display: inline; + } + + ul { + padding: 0; + display: inline; + list-style-type: none; + } + + li { + display: inline; + margin: 6px; + } + + a { + color: inherit; + } + + .competition-entry-cfa { + // TODO Overflow the grid gutter ($grid-gutter-width) + background: url("../img/ticket_bg-18.svg") repeat-y 0 0; + background-color: #203B6A; + color : #FFFFFF; + + a { + margin-left: 15px; + vertical-align: middle; + display: inline-block; + font-size : 14px; + line-height : 20.6px; + letter-spacing : 1.92px; + } + } +} \ No newline at end of file diff --git a/sass/_settings.scss b/sass/_settings.scss new file mode 100644 index 0000000..c2d9616 --- /dev/null +++ b/sass/_settings.scss @@ -0,0 +1,15 @@ +$grid-breakpoints: ( + // Extra small screen / phone + xs: 0, + // Small screen / phone + sm: 34em, + // Medium screen / tablet + md: 48em, + // Large screen / desktop + lg: 62em, + // Extra large screen / wide desktop + xl: 75em +) !default; + +$grid-columns: 6; +$grid-gutter-width: 25px; \ No newline at end of file diff --git a/sass/_typography.scss b/sass/_typography.scss new file mode 100644 index 0000000..e19c023 --- /dev/null +++ b/sass/_typography.scss @@ -0,0 +1,30 @@ +// FIXME These font declarations will break on IE - font conversion +// needed +@font-face { + font-family: 'Campton'; + src: url('../fonts/Rene_Bieder-Campton_Medium.otf?') format('opentype'); +} + +h1 { + text-transform: uppercase; + font-family : Campton; + font-weight : bold; + font-size : 68px; + line-height : 1.1; + letter-spacing : 7px; + + // TODO Create underlined wave + .underlined:after { + /*height: 10px; + width: 100px; + overflow: visible; + background: url('../img/wave_big-01.svg') left bottom no-repeat; + content: ""; + display: inline-block; + bottom: -5px;*/ + } +} + +.all-caps { + text-transform: uppercase; +} \ No newline at end of file diff --git a/sass/main.scss b/sass/main.scss new file mode 100644 index 0000000..2e6ec8a --- /dev/null +++ b/sass/main.scss @@ -0,0 +1,17 @@ +@import "settings.scss"; +@import "../bower_components/bootstrap/scss/bootstrap-reboot.scss"; +@import "../bower_components/bootstrap/scss/bootstrap-grid.scss"; + +@import "typography.scss"; +@import "header.scss"; +@import "footer.scss"; +@import "content.scss"; + +body { + background: #ffffff; + color: #203B6A; +} + +main { + background-color: #d3ecdf; +} \ No newline at end of file