commit 539125df6f3505728234aaded892eda3dc23fb8b Author: Petr Pridal Date: Fri Aug 5 00:42:12 2016 +0200 Initial commit diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..1eb73e6 Binary files /dev/null and b/favicon.ico differ diff --git a/fonts/OpenSans-Bold.ttf b/fonts/OpenSans-Bold.ttf new file mode 100644 index 0000000..fd79d43 Binary files /dev/null and b/fonts/OpenSans-Bold.ttf differ diff --git a/fonts/OpenSans-Italic.ttf b/fonts/OpenSans-Italic.ttf new file mode 100644 index 0000000..c90da48 Binary files /dev/null and b/fonts/OpenSans-Italic.ttf differ diff --git a/fonts/OpenSans-Regular.ttf b/fonts/OpenSans-Regular.ttf new file mode 100644 index 0000000..db43334 Binary files /dev/null and b/fonts/OpenSans-Regular.ttf differ diff --git a/images/header-map-1280px.png b/images/header-map-1280px.png new file mode 100644 index 0000000..a1ac4f1 Binary files /dev/null and b/images/header-map-1280px.png differ diff --git a/images/header-map-1600px.png b/images/header-map-1600px.png new file mode 100644 index 0000000..81dcab7 Binary files /dev/null and b/images/header-map-1600px.png differ diff --git a/images/header-map-2560px.png b/images/header-map-2560px.png new file mode 100644 index 0000000..0efd6e1 Binary files /dev/null and b/images/header-map-2560px.png differ diff --git a/images/header-map-640px.png b/images/header-map-640px.png new file mode 100644 index 0000000..01f6204 Binary files /dev/null and b/images/header-map-640px.png differ diff --git a/images/icons-000000@2x.png b/images/icons-000000@2x.png new file mode 100644 index 0000000..67d8d22 Binary files /dev/null and b/images/icons-000000@2x.png differ diff --git a/images/klokantech.png b/images/klokantech.png new file mode 100644 index 0000000..097df7b Binary files /dev/null and b/images/klokantech.png differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..85d9206 Binary files /dev/null and b/images/logo.png differ diff --git a/images/placeholder.png b/images/placeholder.png new file mode 100644 index 0000000..fb83e6d Binary files /dev/null and b/images/placeholder.png differ diff --git a/index.css b/index.css new file mode 100644 index 0000000..133e29e --- /dev/null +++ b/index.css @@ -0,0 +1,200 @@ +@font-face { + font-family: 'OpenSans'; + src: url('/fonts/OpenSans-Regular.ttf'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'OpenSans'; + src: url('/fonts/OpenSans-Italic.ttf'); + font-weight: normal; + font-style: italic; +} +@font-face { + font-family: 'OpenSans'; + src: url('/fonts/OpenSans-Bold.ttf'); + font-weight: bold; + font-style: normal; +} + +body{ + background-color: #fff; + color: #212121; + font-family:'OpenSans', sans-serif, Arial; + font-size: 14px; + margin:0; +} +a{ + color: #499DCE; + transition: color .2s; +} +a:hover{ + color: #395D73; +} +.title { + font-weight: bold; + font-size: 32px; + text-align:center; + margin:90px 0 0 0; +} +section{ + margin: 15px auto; + width: 930px; + padding: 30px 0; +} +.title img { + width: 320px; +} +.subtitle { + font-size: 26px; + font-weight:normal; + text-align:center; + margin:10px 0 95px 0; +} +.box-header { + text-align:left; + text-transform:uppercase; + border:1px solid #ededed; + margin:25px 0 0 0; + padding:12px 30px; + font-size:20px; + background:#fff; +} +.item{ + background:#fff; + height: 191px; + border: 1px solid #ededed; + border-top:none; +} +.item:nth-child(odd) { + background-color:#fbfbfb; +} +.item img{ + position: absolute; + margin: 30px; + width: 128px; + height: 128px; + border: 1px solid #ccc; +} +.details { + float:left; + width:180px; + height: 128px; + padding: 20px 30px 20px 188px; +} +.details h3 { + font-size:18px; + margin-top: 25px; +} +.details p { + padding:0; + margin:18px 0; +} +.viewers { + float:right; + text-align:center; + width: 120px; + margin-top: 25px; + padding-right: 30px; +} +.btn { + display:block; + margin: 0; + line-height: 36px; +} +.btn:first-child { + position: relative; + padding: 0; + overflow: hidden; + border-radius:4px; + background-color: #499DCE; + background: linear-gradient(90deg, #5aaad8, #4a9ecf); + color: #fff; + text-decoration: none; + font-weight: bold; +} +.btn:first-child:hover{ + background: #395D73; +} +footer{ + width:100%; + border-top:1px solid #ededed; + text-align:center; + color:#d3d3d3; + padding-top:10px; + font-size:12px; +} +footer img{ + width: 118px; + height: 32px; +} +footer p { + margin-top:0; +} +footer a { + color: #787878; + text-decoration: none; +} + +/* body background image */ +body { + background-repeat:no-repeat !important; + background-size: contain !important; + background-image: url(/images/header-map-640px.png); +} +@media only screen and (min-width: 641px) { + body { + background-image: url(/images/header-map-1280px.png); + } +} +@media only screen and (min-width: 1281px) { + body { + background-image: url(/images/header-map-1600px.png); + } +} +@media only screen and (min-width: 1601px) { + body { + background-image: url(/images/header-map-2560px.png); + } +} + +/* Responsive */ +@media (max-width: 950px) { + section{ + margin: 0; + width: 96%; + padding: 2%; + } +} +@media (max-width: 600px) { + .title{ + margin: 25px 0 0 0; + } + .title img{ + width: 200px; + } + .subtitle{ + font-size: 20px; + margin: 0 0 35px 0; + } + .item{ + height: 245px; + } + .viewers{ + float: left; + text-align: left; + width: 100%; + margin-left: 30px; + margin-top: 15px; + } + .viewers a{ + display: inline-block; + vertical-align: middle; + } + .btn{ + margin: 0 20px 0 0; + } + .btn:first-child{ + padding: 0 20px; + } +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..ede0dcb --- /dev/null +++ b/index.html @@ -0,0 +1,21 @@ + + + + + + TileServerGL + + + +
+

TileServerGL

+

Map Layers for web and mobile applications.

+
+ + +