commit 356bb275109db205d490c7a3f2be2d64f6383461 Author: Jan-Paul Bultmann Date: Tue Sep 22 21:44:52 2020 +0200 init diff --git a/big_lebowsky.css b/big_lebowsky.css new file mode 100644 index 0000000..5bec369 --- /dev/null +++ b/big_lebowsky.css @@ -0,0 +1,85 @@ +.page { + display: flex; + flex-direction: column; + height: 100vh; +} + +.showreel { + position: fixed; + z-index: -1; + object-fit: cover; + width: 100vw; + height: 100vh; + top: 0; + left: 0; + opacity: 0; +} + +.loaded .showreel { + opacity: 1; + transition: opacity 2s ease-in-out; +} + +.logo { + fill: #000; +} + +.loaded .logo { + fill: #fff; + transition: fill 1s ease-in-out +} + +.nav-menu { + margin-right: 25%; + display: flex; + flex-direction: row; + justify-content: flex-end ; + align-items: center; + flex: 1 1 auto; +} + +.nav-menu-list { + display: flex; + flex-direction: column; + align-items: flex-end; + list-style-type: none; + margin-block-start: unset; margin-block-end: unset; margin-inline-start: unset; margin-inline-end: unset; padding-inline-start: unset; } + +.nav-menu-item { + font-family: GloberBook, sans-serif; + font-size: 2vh; + text-transform: uppercase; + letter-spacing: 0.07vh; + font-size: 5vh; + margin: 0.5vh; +} + +.nav-menu-item a { + text-decoration: none; +} + +.nav-menu-item:hover a, .nav-menu-item a:focus { + outline: 0; + color: #FFF; + background-color: #000; +} + +.nav-menu-item .menu-name { + color: #000; + background-color: #FFF; + padding: 0 0.3vh 0 0.3vh; +} + +.nav-menu-item:hover .menu-name, .nav-menu-item a:focus .menu-name { + color: #FFF; + background-color: #000; +} + +.nav-menu-item .menu-flavor { + color: transparent; + padding: 0 0 0 0.3vh; +} + +.nav-menu-item:hover .menu-flavor, .nav-menu-item a:focus .menu-flavor { + color: #FFF; +} diff --git a/fonts.css b/fonts.css new file mode 100644 index 0000000..863cf25 --- /dev/null +++ b/fonts.css @@ -0,0 +1,130 @@ +/** + * @license + * MyFonts Webfont Build ID 3236824, 2016-06-22T13:27:46-0400 + * + * The fonts listed in this notice are subject to the End User License + * Agreement(s) entered into by the website owner. All other parties are + * explicitly restricted from using the Licensed Webfonts(s). + * + * You may obtain a valid license at the URLs below. + * + * Webfont: GloberBlack by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/black/ + * + * Webfont: GloberBook by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/book/ + * + * Webfont: GloberBold by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/bold/ + * + * Webfont: GloberBoldItalic by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/bold-italic/ + * + * Webfont: GloberBlackItalic by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/black-italic/ + * + * Webfont: GloberBookItalic by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/book-italic/ + * + * Webfont: GloberHeavy by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/heavy/ + * + * Webfont: GloberHeavyItalic by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/heavy-italic/ + * + * Webfont: GloberLight by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/light/ + * + * Webfont: GloberRegular by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/regular/ + * + * Webfont: GloberLightItalic by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/light-italic/ + * + * Webfont: GloberRegularItalic by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/regular-italic/ + * + * Webfont: GloberSemiBold by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/semi-bold/ + * + * Webfont: GloberSemiBoldItalic by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/semi-bold-italic/ + * + * Webfont: GloberThin by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/thin/ + * + * Webfont: GloberThinItalic by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/thin-italic/ + * + * Webfont: GloberxBoldItalic by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/extra-bold-italic/ + * + * Webfont: GloberxBold by Fontfabric + * URL: http://www.myfonts.com/fonts/font-fabric/glober/extra-bold/ + * + * + * License: http://www.myfonts.com/viewlicense?type=web&buildid=3236824 + * Licensed pageviews: 20,000 + * Webfonts copyright: Copyright (c) 2014 by Fontfabric LLC. All rights reserved. + * + * © 2016 MyFonts Inc +*/ + + +/* @import must be at top of file, otherwise CSS will not work */ +@import url("//hello.myfonts.net/count/3163d8"); + + +@font-face {font-family: 'GloberBlack';src: url('webfonts/3163D8_0_0.eot');src: url('webfonts/3163D8_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_0_0.woff2') format('woff2'),url('webfonts/3163D8_0_0.woff') format('woff'),url('webfonts/3163D8_0_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberBook';src: url('webfonts/3163D8_1_0.eot');src: url('webfonts/3163D8_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_1_0.woff2') format('woff2'),url('webfonts/3163D8_1_0.woff') format('woff'),url('webfonts/3163D8_1_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberBold';src: url('webfonts/3163D8_2_0.eot');src: url('webfonts/3163D8_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_2_0.woff2') format('woff2'),url('webfonts/3163D8_2_0.woff') format('woff'),url('webfonts/3163D8_2_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberBoldItalic';src: url('webfonts/3163D8_3_0.eot');src: url('webfonts/3163D8_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_3_0.woff2') format('woff2'),url('webfonts/3163D8_3_0.woff') format('woff'),url('webfonts/3163D8_3_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberBlackItalic';src: url('webfonts/3163D8_4_0.eot');src: url('webfonts/3163D8_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_4_0.woff2') format('woff2'),url('webfonts/3163D8_4_0.woff') format('woff'),url('webfonts/3163D8_4_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberBookItalic';src: url('webfonts/3163D8_5_0.eot');src: url('webfonts/3163D8_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_5_0.woff2') format('woff2'),url('webfonts/3163D8_5_0.woff') format('woff'),url('webfonts/3163D8_5_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberHeavy';src: url('webfonts/3163D8_6_0.eot');src: url('webfonts/3163D8_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_6_0.woff2') format('woff2'),url('webfonts/3163D8_6_0.woff') format('woff'),url('webfonts/3163D8_6_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberHeavyItalic';src: url('webfonts/3163D8_7_0.eot');src: url('webfonts/3163D8_7_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_7_0.woff2') format('woff2'),url('webfonts/3163D8_7_0.woff') format('woff'),url('webfonts/3163D8_7_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberLight';src: url('webfonts/3163D8_8_0.eot');src: url('webfonts/3163D8_8_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_8_0.woff2') format('woff2'),url('webfonts/3163D8_8_0.woff') format('woff'),url('webfonts/3163D8_8_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberRegular';src: url('webfonts/3163D8_9_0.eot');src: url('webfonts/3163D8_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_9_0.woff2') format('woff2'),url('webfonts/3163D8_9_0.woff') format('woff'),url('webfonts/3163D8_9_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberLightItalic';src: url('webfonts/3163D8_A_0.eot');src: url('webfonts/3163D8_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_A_0.woff2') format('woff2'),url('webfonts/3163D8_A_0.woff') format('woff'),url('webfonts/3163D8_A_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberRegularItalic';src: url('webfonts/3163D8_B_0.eot');src: url('webfonts/3163D8_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_B_0.woff2') format('woff2'),url('webfonts/3163D8_B_0.woff') format('woff'),url('webfonts/3163D8_B_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberSemiBold';src: url('webfonts/3163D8_C_0.eot');src: url('webfonts/3163D8_C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_C_0.woff2') format('woff2'),url('webfonts/3163D8_C_0.woff') format('woff'),url('webfonts/3163D8_C_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberSemiBoldItalic';src: url('webfonts/3163D8_D_0.eot');src: url('webfonts/3163D8_D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_D_0.woff2') format('woff2'),url('webfonts/3163D8_D_0.woff') format('woff'),url('webfonts/3163D8_D_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberThin';src: url('webfonts/3163D8_E_0.eot');src: url('webfonts/3163D8_E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_E_0.woff2') format('woff2'),url('webfonts/3163D8_E_0.woff') format('woff'),url('webfonts/3163D8_E_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberThinItalic';src: url('webfonts/3163D8_F_0.eot');src: url('webfonts/3163D8_F_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_F_0.woff2') format('woff2'),url('webfonts/3163D8_F_0.woff') format('woff'),url('webfonts/3163D8_F_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberxBoldItalic';src: url('webfonts/3163D8_10_0.eot');src: url('webfonts/3163D8_10_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_10_0.woff2') format('woff2'),url('webfonts/3163D8_10_0.woff') format('woff'),url('webfonts/3163D8_10_0.ttf') format('truetype');} + + +@font-face {font-family: 'GloberxBold';src: url('webfonts/3163D8_11_0.eot');src: url('webfonts/3163D8_11_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3163D8_11_0.woff2') format('woff2'),url('webfonts/3163D8_11_0.woff') format('woff'),url('webfonts/3163D8_11_0.ttf') format('truetype');} + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..98ad015 --- /dev/null +++ b/index.html @@ -0,0 +1,48 @@ + + + + bultmann. DESIGN WORKS + + + + + + + + + diff --git a/serve.js b/serve.js new file mode 100644 index 0000000..bad90b3 --- /dev/null +++ b/serve.js @@ -0,0 +1,13 @@ +import { Application, send } from "https://deno.land/x/oak/mod.ts"; + +const app = new Application(); + +app.use(async (context) => { + await send(context, context.request.url.pathname, { + root: `${Deno.cwd()}/`, + }); +}); + +console.log(Deno.cwd()) + +await app.listen({ port: 8000 }); diff --git a/showreel.mp4 b/showreel.mp4 new file mode 100755 index 0000000..0d3570b Binary files /dev/null and b/showreel.mp4 differ