From: Max Value Date: Mon, 6 Oct 2025 02:06:21 +0000 (+0100) Subject: Base site X-Git-Url: https://git.ozva.co.uk/?a=commitdiff_plain;h=e7abfb6b62d7a9bcc344c5b7de187c3dd1b29d3c;p=insects Base site --- diff --git a/fonts/Fimm.otf b/fonts/Fimm.otf new file mode 100644 index 0000000..d1f06a7 Binary files /dev/null and b/fonts/Fimm.otf differ diff --git a/fonts/Fimm.ttf b/fonts/Fimm.ttf new file mode 100644 index 0000000..5e5fae3 Binary files /dev/null and b/fonts/Fimm.ttf differ diff --git a/fonts/Fimm.woff b/fonts/Fimm.woff new file mode 100644 index 0000000..8296365 Binary files /dev/null and b/fonts/Fimm.woff differ diff --git a/fonts/TT2020Base-Regular.ttf b/fonts/TT2020Base-Regular.ttf new file mode 100644 index 0000000..625aa8d Binary files /dev/null and b/fonts/TT2020Base-Regular.ttf differ diff --git a/fonts/TT2020Base-Regular.woff2 b/fonts/TT2020Base-Regular.woff2 new file mode 100644 index 0000000..5200cde Binary files /dev/null and b/fonts/TT2020Base-Regular.woff2 differ diff --git a/index.html b/index.html index 29a613a..3003734 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,40 @@ - + All Insects + + -

All Insects

+
+

All Insects

+

[Studios]

+
+
+
+

INT. DAY - WEBSITE (BACKGROUND)

+

+ All Insects Studio is a production company comprised of new talent with a focus on the strange and unusual. We aim to experiment with different forms of media - film, live TV, radio, multimedia ARGs - highlighting our own experiences and observations about the strangeness of the world. +

+

+ Through endless toil and late nights fueled by only the pressing force of creativity, the members of All Insects endeavour to bring forth hallucinations into the world. +

+
    +
  • + Finn Downton, Writer/Director. Finn draws ideas from the depths and forms them into scripts full of meaning and strange imagery. He is a recent graduate of the University of Salford, and draws inspiration from his past, spinning explorations of his trauma with his current passions and obsessions. He enjoys the sensation of being torn from a barbed hook. +
    • + +
  • + Will Greenwood, Producer. With experience in TV Production but on a break from the gallery, Will has a number of large projects (graduate and otherwise) under his belt. He enjoys Finns scripts and call-sheets. +
    • + +
  • + Tegan Blake-Barnard, Production Designer. In the final year of her degree, Tegan draws inspiration from all things obscure and fantastical. Her background in oil painting allows her to approach every new project with an artistic flair. She enjoys playing god and breathing life into any messed up ideas Will and Finn can come up with. +
    • + +
+
+
diff --git a/media/finn.jpg b/media/finn.jpg new file mode 100644 index 0000000..fb7f689 Binary files /dev/null and b/media/finn.jpg differ diff --git a/media/tegan.jpg b/media/tegan.jpg new file mode 100644 index 0000000..26a39e9 Binary files /dev/null and b/media/tegan.jpg differ diff --git a/media/will.jpeg b/media/will.jpeg new file mode 100644 index 0000000..8679174 Binary files /dev/null and b/media/will.jpeg differ diff --git a/media/will.jpg b/media/will.jpg new file mode 100644 index 0000000..bbadd2d Binary files /dev/null and b/media/will.jpg differ diff --git a/style.css b/style.css index e69de29..c095b2c 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,81 @@ +/* Fimm Font import */ + +@font-face { + font-family: "Fimm"; + src: + url("fonts/Fimm.otf") format("opentype"), + url("fonts/Fimm.woff") format("woff"), + url("fonts/Fimm.ttf"); +} + +@font-face { + font-family: "TT2020"; + src: + url("fonts/TT2020Base-Regular.woff2") format("woff2"), + url("fonts/TT2020Base-Regular.ttf"); +} + +/* Header styling */ + +header { + font-size: 1.8em; + font-family: sans-serif; + padding: 50px 100px 20px 100px; +} + +header > h1 { + margin-top: 0; + font-family: "Fimm", serif; +} + +header > h2 { + margin: -1.8em 0 0 4em; + font-size: 1em; + transform: skew(-0.5rad); +} + +/* Main section */ + +main { + font-family: "TT2020", monospace; + padding: 20px 50px 50px 50px; + line-height: 1.2; +} + +section { + width: min(100%, 650px); +} + +@media (max-width: 1250px) { + /* Formatting for mobile */ + img { + width: min(100%, 200px); + } +} + +/* Variables for the photo arrangement to make it easier to tweak */ +:root { + --x: 750px; + --y: 220px; +} + +@media (min-width: 1250px) { + /* Formatting for computer */ + + img { + width: 300px; + position: absolute; + } + #finn { + top: var(--y); + left: var(--x); + } + #will { + top: calc(var(--y) + 170px); + left: calc(var(--x) + 50px); + } + #tegan { + top: calc(var(--y) + 350px); + left: calc(var(--x) + 25px); + } +}