- Commit
- 9a3b9184fae0994b9d55ad54848a1e7fb0b78a78
- Author
- Pablo <pablo-escobar@riseup.net>
- Date
Initial commit
calabi-yau-template
A website template for academic events
Diffstats
9 files changed, 524 insertions, 0 deletions
| Status | Name | Changes | Insertions | Deletions |
| Added | LICENSE | 1 file changed | 1 | 0 |
| Added | README.md | 1 file changed | 8 | 0 |
| Added | fonts/montserrat-latin-ext.woff2 | 1 file changed | 0 | 0 |
| Added | fonts/montserrat-latin.woff2 | 1 file changed | 0 | 0 |
| Added | images/favicon.svg | 1 file changed | 4 | 0 |
| Added | index.html | 1 file changed | 118 | 0 |
| Added | montserrat.css | 1 file changed | 35 | 0 |
| Added | program.html | 1 file changed | 186 | 0 |
| Added | styles.css | 1 file changed | 172 | 0 |
diff --git /dev/null 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 /dev/null 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 /dev/null b/fonts/montserrat-latin-ext.woff2 Binary files differ
diff --git /dev/null b/fonts/montserrat-latin.woff2 Binary files differ
diff --git /dev/null 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 /dev/null 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‐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 & 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 /dev/null 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 /dev/null 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‐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 /dev/null 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; +}