commit f143c358e4214c44f7067f547fa3a5471a5fdd98
parent 1a08841c8f45331daadbfa9ca13ffded109486d5
Author: Demonstrandum <samuel@knutsen.co>
Date: Tue, 2 Jul 2024 19:24:37 +0100
Added pictures of Sam.
Diffstat:
5 files changed, 91 insertions(+), 11 deletions(-)
diff --git a/goose.jpeg b/goose.jpeg
Binary files differ.
diff --git a/index.html b/index.html
@@ -1,14 +1,94 @@
<!DOCTYPE html>
<html>
- <head>
- <title>my website :)</title>
- </head>
- <body>
- <h1>welcome to my website :)</h1>
- <p>
- hello, my name is samuel frost! welcome to my website, i hope you
- liek it :)
- </p>
- <img src="yui.jpg" width="100%">
- </body>
+ <head>
+ <!--
+ <base href="https://samuelfrost.co.uk/">
+ <link rel="canonical" href="https://samuelfrost.co.uk/">
+ -->
+ <title>Samuel J. Frost — University of Warwick</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="keywords" content="University of Warwick, university, warwick, uk universities, warwick university, physics, chemistry, molecular chemistry, molecular physics, physicist, chemist, computational, computational physics, computational chemistry">
+ <!-- Stolen from warwick.ac.uk -->
+ <link rel="apple-touch-icon" sizes="57x57" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-57x57.png.595542567195">
+ <link rel="apple-touch-icon" sizes="60x60" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-60x60.png.493371741217">
+ <link rel="apple-touch-icon" sizes="72x72" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-72x72.png.203424194728">
+ <link rel="apple-touch-icon" sizes="76x76" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-76x76.png.247553332752">
+ <link rel="apple-touch-icon" sizes="114x114" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-114x114.png.843902449578">
+ <link rel="apple-touch-icon" sizes="120x120" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-120x120.png.333863844977">
+ <link rel="apple-touch-icon" sizes="144x144" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-144x144.png.552887115038">
+ <link rel="apple-touch-icon" sizes="152x152" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-152x152.png.175734862673">
+ <link rel="apple-touch-icon" sizes="180x180" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/apple-touch-icon-180x180.png.240072141587">
+ <link rel="icon" type="image/png" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/favicon-32x32.png.165918197265" sizes="32x32">
+ <link rel="icon" type="image/png" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/android-chrome-192x192.png.336101619978" sizes="192x192">
+ <link rel="icon" type="image/png" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/favicon-96x96.png.276161049719" sizes="96x96">
+ <link rel="icon" type="image/png" href="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/favicon-16x16.png.207301322891" sizes="16x16">
+ <meta name="msapplication-TileImage" content="https://d36jn9qou1tztq.cloudfront.net/static_war/render/id7/images/mstile-144x144.png.116582949768">
+ </head>
+ <body>
+ <img id="me" width=120 src="/me.jpg" alt="A picture of me.">
+ <h1>Samuel J. Frost</h1>
+ <p>
+ I am a 1<sup>st</sup> year Ph.D. student @ the University of Warwick
+ doing computational chemistry.
+ </p>
+ <div class="quotes">
+ <div>
+ <img src="/me-cool.jpg" alt="A picture of me.">
+ <div>
+ <p>Molecular? I hardly know her!</p>
+ </div>
+ </div>
+ <div>
+ <img src="/me-little.jpg" alt="A picture of me.">
+ <div>
+ <p>Computationally hard? Yes, I am.</p>
+ </div>
+ </div>
+ </div>
+ <style>
+ html, body {
+ margin: 0;
+ padding: 0;
+ font-size: 16px;
+ }
+ body {
+ width: calc(min(100%, 60rem));
+ padding: 3em 2em;
+ margin: 0 auto;
+ }
+ * {
+ box-sizing: border-box;
+ }
+ .quotes {
+ width: calc(min(100%, 40rem));
+ }
+ .quotes > * > *:first-child {
+ height: 12em;
+ }
+ .quotes > * > *:last-child {
+ margin-top: 4em; /* (12 / 2) - 1em - 1em = 4em */
+ font-style: italic;
+ }
+ .quotes > *:nth-child(2n-1) > *:first-child {
+ float: left;
+ }
+ .quotes > *:nth-child(2n-1) > *:last-child {
+ float: right;
+ }
+ .quotes > *:nth-child(2n) > *:first-child {
+ float: right;
+ }
+ .quotes > *:nth-child(2n) > *:last-child {
+ float: left;
+ }
+ .quotes > * {
+ display: block;
+ clear: both;
+ padding-top: 1em;
+ }
+ #me {
+ width: 8rem;
+ }
+ </style>
+ </body>
</html>
diff --git a/me-cool.jpg b/me-cool.jpg
Binary files differ.
diff --git a/me-little.jpg b/me-little.jpg
Binary files differ.
diff --git a/me.jpg b/me.jpg
Binary files differ.
