calabi-yau-template

A website template for academic events

git clone: git://git.pablopie.xyz/calabi-yau-template
Log
Files
Refs
README
LICENSE

Commit: 9a3b9184fae0994b9d55ad54848a1e7fb0b78a78
Author: Pablo <pablo-escobar@riseup.net>
Date: Sun, 1 Jan 2023 17:21:40 +0000

Initial commit

Diffstat

9 files changed, 524 insertions, 0 deletions

Status	File Name	N° Changes	Insertions	Deletions
Added	LICENSE	1	1	0
Added	README.md	8	8	0
Added	fonts/montserrat-latin-ext.woff2	0	0	0
Added	fonts/montserrat-latin.woff2	0	0	0
Added	images/favicon.svg	4	4	0
Added	index.html	118	118	0
Added	montserrat.css	35	35	0
Added	program.html	186	186	0
Added	styles.css	172	172	0

diff --git a/LICENSE b/LICENSE
@@ -0,0 +1 @@
+This work is licensed under the Creative Commons Attribution 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by/4.0/ or send a letter to Creative Commons, PO Box 1866, Mountain View, CA 94042, USA

diff --git a/README.md b/README.md
@@ -0,0 +1,8 @@
+# Calabi-Yau Template for Academic Events
+
+This is a website template intended for the pages of academic events, such as
+conferences or workshops.
+
+This work is licensed under a Creative Commons Attributions 4.0 International
+License (CC BY 4.0). The files of the Montserrat font included in the `fonts`
+directory are subject to their original licensing terms.

diff --git a/fonts/montserrat-latin-ext.woff2 b/fonts/montserrat-latin-ext.woff2
Binary files differ.

diff --git a/fonts/montserrat-latin.woff2 b/fonts/montserrat-latin.woff2
Binary files differ.

diff --git a/images/favicon.svg b/images/favicon.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <circle fill="#6F80A8" cx="50" cy="50" r="50" />
+</svg>

diff --git a/index.html b/index.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+  <head>
+    <title>Calabi-Yau Template for Academic Events</title>
+    <meta name="description"
+          content="Calabi-Yau Template for Academic Events">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./styles.css">
+    <link rel="icon"
+          type="image/svg+xml"
+          sizes="16x16 24x24 32x32 48x48 64x64 128x128 256x256 512x512"
+          href="./images/favicon.svg">
+
+    <meta property="og:title" content="Calabi-Yau Template for Academic Events">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="https://picsum.photos/300?grayscale">
+    <meta property="og:description"
+          content="Página do evento Workshop Geometria & Física Matemática">
+    <meta property="og:locale" content="pt_BR">
+  </head>
+  <body>
+    <header>
+      <h2><font color="#373737">Calabi&dash;Yau</font> Template</h2>
+      <h3>for Academic Events</h3>
+    </header>
+    <main>
+      <nav>
+        <ul>
+          <li><a class="this-page" href="./index.html">Home</a></li>
+          <li><a href="./program.html">Program</a></li>
+        </ul>
+      </nav>
+      <section>
+        <h1>About</h1>
+
+        <p>
+        Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy
+        eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam
+        voluptua at vero eos et accusam et justo duo dolores et ea rebum stet
+        clita kasd gubergren no sea takimata sanctus est lorem ipsum dolor sit
+        amet.
+        </p>
+
+        <p>
+        Minim diam at ipsum tempor. Augue feugait luptatum in lorem tincidunt
+        sed eros elitr aliquip suscipit. Diam molestie sanctus ut. Sadipscing
+        iriure dolor rebum et justo diam nonumy dolore ut sit ipsum ut lorem.
+        No nihil eu lorem sea.
+        </p>
+
+        <figure>
+          <img src="https://picsum.photos/300?grayscale"
+               id="calabi-yau"
+               alt="A pretty picture"/>
+          <figcaption>A pretty picture</figcaption>
+        </figure>
+
+        <h1>Date &amp; Location</h1>
+
+        <p>
+          The event will be hosted between <time datetime="2023-02-30">the 30th
+            of February</time> and <time datetime="2023-08-13">Friday the
+            13th</time> inside the core of Chernobyl's Nuclear Reactor 4.
+        </p>
+
+        <p>
+          No registration is required to attend the event.
+        </p>
+
+        <h1>Program</h1>
+
+        <p>
+          For more information on the lectures please see the
+          <a href="./program.html">Program</a> page.
+        </p>
+
+        <table>
+          <thead>
+            <tr>
+              <th>Time</th>
+              <th>Thursday</th>
+              <th>Friday</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><time datetime="11:00">11 AM</time></td>
+              <td><a href="./program.html#dirac">Paul Dirac</a></td>
+              <td><a href="./program.html#lewin">Walter Lewin</a></td>
+            </tr>
+            <tr>
+              <td><time datetime="12">12 AM</time></td>
+              <td>Lunch</td>
+              <td>Lunch</td>
+            </tr>
+            <tr>
+              <td><time datetime="14:00">2 PM</time></td>
+              <td><a href="./program.html#feynman">Richard Feynman</a></td>
+              <td><a href="./program.html#coleman">Sidney Coleman</a></td>
+            </tr>
+          </tbody>
+        </table>
+
+        <h1>Organizers</h1>
+        <ul>
+          <li>
+            <a href="https://linux.ime.usp.br/~pablo">Thiago Brevidelli</a>
+          </li>
+        </ul>
+      </section>
+    </main>
+    <footer>
+      <a href="https://git.pablopie.xyz/calabi-yau-template">Original
+        template</a> by Thiago Brevidelli
+    </footer>
+  </body>
+</html>

diff --git a/montserrat.css b/montserrat.css
@@ -0,0 +1,35 @@
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("./fonts/montserrat-latin-ext.woff2") format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("./fonts/montserrat-latin.woff2") format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url("./fonts/montserrat-latin-ext.woff2") format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url("./fonts/montserrat-latin.woff2") format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

diff --git a/program.html b/program.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+  <head>
+    <title>Calabi-Yau Template for Academic Events</title>
+    <meta name="description"
+          content="Calabi-Yau Template for Academic Events">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./styles.css">
+    <link rel="icon"
+          type="image/svg+xml"
+          sizes="16x16 24x24 32x32 48x48 64x64 128x128 256x256 512x512"
+          href="./images/favicon.svg">
+
+    <meta property="og:title" content="Calabi-Yau Template for Academic Events">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="https://picsum.photos/300?grayscale">
+    <meta property="og:description"
+          content="Página do evento Workshop Geometria & Física Matemática">
+    <meta property="og:locale" content="pt_BR">
+  </head>
+  <body>
+    <header>
+      <h2><font color="#373737">Calabi&dash;Yau</font> Template</h2>
+      <h3>for Academic Events</h3>
+    </header>
+    <main>
+      <nav>
+        <ul>
+          <li><a href="./index.html">Home</a></li>
+          <li><a class="this-page" href="./program.html">Program</a></li>
+        </ul>
+      </nav>
+      <section>
+        <h1>Program</h1>
+
+        <table>
+          <thead>
+            <tr>
+              <th>Time</th>
+              <th>Thursday</th>
+              <th>Friday</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><time datetime="11:00">11 AM</time></td>
+              <td><a href="./program.html#dirac">Paul Dirac</a></td>
+              <td><a href="./program.html#lewin">Walter Lewin</a></td>
+            </tr>
+            <tr>
+              <td><time datetime="12">12 AM</time></td>
+              <td>Lunch</td>
+              <td>Lunch</td>
+            </tr>
+            <tr>
+              <td><time datetime="14:00">2 PM</time></td>
+              <td><a href="./program.html#feynman">Richard Feynman</a></td>
+              <td><a href="./program.html#coleman">Sidney Coleman</a></td>
+            </tr>
+          </tbody>
+        </table>
+
+        <h2 id="dirac">Paul Dirac</h2>
+
+        <dl>
+          <dt>Title</dt>
+          <dd>Quantum Mechanics</dd>
+          <dt>Abstract</dt>
+          <dd>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            Accumsan lacus vel facilisis volutpat est velit egestas dui. Turpis
+            nunc eget lorem dolor sed. In hac habitasse platea dictumst
+            vestibulum rhoncus est. Morbi tristique senectus et netus et. In
+            vitae turpis massa sed elementum. Vel eros donec ac odio. Id
+            consectetur purus ut faucibus pulvinar elementum integer enim.
+            Pulvinar elementum integer enim neque volutpat ac tincidunt vitae.
+            Scelerisque mauris pellentesque pulvinar pellentesque habitant
+            morbi. Mattis ullamcorper velit sed ullamcorper morbi tincidunt.
+            Natoque penatibus et magnis dis parturient montes nascetur
+            ridiculus. Ut pharetra sit amet aliquam id diam maecenas ultricies.
+            Sit amet nisl suscipit adipiscing bibendum est ultricies integer
+            quis. Nam aliquam sem et tortor consequat. Feugiat sed lectus
+            vestibulum mattis ullamcorper velit sed ullamcorper.
+          </dd>
+          <dt>Date</dt>
+          <dd>
+            <time datetime="2023-02-30 11:00">Thursday 02/30 at 11 AM</time>
+          </dd>
+          <dt>Location</dt>
+          <dd>Chernobyl's Nuclear Reactor 4</dd>
+        </dl>
+
+        <h2 id="feynman">Richard Feynman</h2>
+
+        <dl>
+          <dt>Title</dt>
+          <dd>Messenger Lecture</dd>
+          <dt>Abstract</dt>
+          <dd>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua. In
+            tellus integer feugiat scelerisque varius morbi enim nunc faucibus.
+            Est sit amet facilisis magna etiam tempor. Purus sit amet volutpat
+            consequat. Senectus et netus et malesuada fames ac turpis. Odio ut
+            sem nulla pharetra diam sit. Imperdiet massa tincidunt nunc
+            pulvinar sapien et ligula ullamcorper. Quam adipiscing vitae proin
+            sagittis. Aliquet eget sit amet tellus cras adipiscing enim eu.
+            Malesuada pellentesque elit eget gravida cum sociis. Interdum velit
+            laoreet id donec. Adipiscing elit duis tristique sollicitudin nibh
+            sit. Varius duis at consectetur lorem donec. Venenatis tellus in
+            metus vulputate eu scelerisque. Ornare suspendisse sed nisi lacus
+            sed viverra tellus in. Habitasse platea dictumst quisque sagittis
+            purus sit amet volutpat consequat. Natoque penatibus et magnis dis.
+            Eget duis at tellus at urna condimentum mattis pellentesque.
+          </dd>
+          <dt>Date</dt>
+          <dd>
+            <time datetime="2023-02-30 14:00">Thursday 02/30 at 2 PM</time>
+          </dd>
+          <dt>Location</dt>
+          <dd>Chernobyl's Nuclear Reactor 4</dd>
+        </dl>
+
+        <h2 id="lewin">Walter Lewin</h2>
+
+        <dl>
+          <dt>Title</dt>
+          <dd>For the Love of Physics</dd>
+          <dt>Abstract</dt>
+          <dd>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam
+            eget felis eget nunc lobortis mattis aliquam. Pellentesque habitant
+            morbi tristique senectus et netus et malesuada fames. Sed id semper
+            risus in hendrerit gravida rutrum. Convallis convallis tellus id
+            interdum velit. Consequat id porta nibh venenatis cras. Suscipit
+            tellus mauris a diam maecenas. Mi quis hendrerit dolor magna eget
+            est lorem. Velit aliquet sagittis id consectetur purus ut faucibus
+            pulvinar. Aliquam etiam erat velit scelerisque. Varius vel pharetra
+            vel turpis nunc eget lorem dolor. Odio aenean sed adipiscing diam
+            donec adipiscing tristique.
+          </dd>
+          <dt>Date</dt>
+          <dd>
+            <time datetime="2023-08-13 11:00">Friday 08/13 at 11 AM</time>
+          </dd>
+          <dt>Location</dt>
+          <dd>Chernobyl's Nuclear Reactor 4</dd>
+        </dl>
+         
+        <h2 id="coleman">Sidney Coleman</h2>
+
+        <dl>
+          <dt>Title</dt>
+          <dd>Quantum Field Theory</dd>
+          <dt>Abstract</dt>
+          <dd>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac
+            feugiat sed lectus vestibulum mattis ullamcorper velit sed
+            ullamcorper. Ut sem viverra aliquet eget sit amet tellus. Sagittis
+            aliquam malesuada bibendum arcu vitae elementum curabitur vitae
+            nunc. Vitae ultricies leo integer malesuada nunc. Lectus vestibulum
+            mattis ullamcorper velit sed ullamcorper. Enim nec dui nunc mattis
+            enim ut tellus elementum. Tortor at auctor urna nunc id cursus
+            metus aliquam eleifend. Amet consectetur adipiscing elit ut.
+            Egestas quis ipsum suspendisse ultrices gravida. Suspendisse
+            faucibus interdum posuere lorem ipsum dolor sit amet consectetur.
+          </dd>
+          <dt>Date</dt>
+          <dd>
+            <time datetime="2023-08-13 14:00">Friday 08/13 at 2 PM</time>
+          </dd>
+          <dt>Location</dt>
+          <dd>Chernobyl's Nuclear Reactor 4</dd>
+        </dl>
+      </section>
+    </main>
+    <footer>
+      <a href="https://git.pablopie.xyz/calabi-yau-template">Original
+        template</a> by Thiago Brevidelli
+    </footer>
+  </body>
+</html>

diff --git a/styles.css b/styles.css
@@ -0,0 +1,172 @@
+@charset "utf-8";
+
+@import url("./montserrat.css");
+
+body {
+  padding: .5cm .5cm 0 .5cm;
+  background: #6F80A8;
+  margin: 0;
+ 
+  font-size: 12pt;
+  font-family: 'Montserrat', sans-serif;
+  color: #4f4f4f;
+}
+
+@media (orientation: landscape) {
+  body {
+    padding: 1cm 6cm 0 6cm;
+    min-width: 500px;
+    min-height: 100vh;
+  }
+}
+
+main {
+  min-height: 100%;
+}
+
+p {
+  text-align: justify;
+}
+
+a, a:hover, a:visited {
+  text-decoration: underline;
+  color: #444;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: #484353;
+  font-weight: normal;
+}
+
+ul, ol {
+  padding-left: 1em;
+}
+
+dt {
+  font-style: italic;
+}
+
+dd {
+  text-align: justify;
+  margin-left: 1em;
+}
+
+figure {
+  margin: 1em 0;
+}
+
+figure img {
+  margin: 0 auto;
+  display: block;
+  max-width: 100% !important;
+}
+
+figcaption {
+  text-align: center;
+}
+
+table {
+  border-spacing: 0;
+  display: block;
+  overflow-x: auto;
+
+  text-align: left;
+  width: 100%;
+}
+
+td, th {
+  border-bottom: .1rem solid currentcolor;
+  padding: 1.2rem 1.5rem;
+
+}
+
+th {
+  padding-top: 0;
+  font-style: italic;
+  font-weight: normal;
+}
+
+td:first-child, th:first-child {
+  text-align: center;
+}
+
+p time {
+  font-style: italic;
+}
+
+header {
+  margin-bottom: 1cm;
+}
+
+header h2, header h3 {
+  color: #EFEFEF;
+  font-weight: bold;
+  margin: 0;
+}
+
+header h2 {
+  font-size: 30pt;
+  margin-bottom: 1rem;
+}
+
+header h3 {
+  text-transform: uppercase;
+}
+
+main nav {
+  background: #373737;
+}
+
+main nav ul {
+  margin: 0;
+  padding: 0;
+  display: flex;
+}
+
+main nav li {
+  list-style: none;
+  margin: .5cm;
+}
+
+main nav a, main nav a:hover, main nav a:visited {
+  text-decoration: none;
+  color: #E5E5E5;
+}
+
+nav a.this-page, a.this-page:hover, a.this-page:visited {
+  text-decoration: underline;
+}
+
+main section {
+  padding: .5cm;
+  background: #EFEFEF;
+}
+
+main section > *:first-child {
+  margin-top: 0;
+}
+
+main section > *:last-child {
+  margin-bottom: 0;
+}
+
+img#calabi-yau {
+  aspect-ratio: 1 !important;
+}
+
+nav li,
+section h1,
+section h2,
+section h3,
+section h4,
+section h5,
+section h6 {
+  text-transform: uppercase;
+}
+
+footer {
+  padding-bottom: .5cm;
+
+  text-align: center;
+  background: #EFEFEF;
+}