To receive notifications about scheduled maintenance, please subscribe to the mailing-list gitlab-operations@sympa.ethz.ch. You can subscribe to the mailing-list at https://sympa.ethz.ch

Commit f7a42678 authored by kchung's avatar kchung 🚴🏻
Browse files

MES: weird refresh issue fixed

parent 54de6110
......@@ -9,8 +9,6 @@
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600,300italic,700italic);
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;1,400&display=swap');
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
color: #fff; }
/*********************************************
* GLOBAL STYLES
......@@ -42,7 +40,8 @@ color: #fff; }
.reveal-viewport {
background: #fff;
background-color: #fff; }
background-color: #fff;
}
.reveal {
font-family: "Source Sans Pro", sans-serif;
......@@ -78,7 +77,7 @@ text-shadow: none; }
letter-spacing: 0.02em;
text-transform: none;
text-shadow: none;
word-wrap: break-word; }
word-wrap: break-word; }
.reveal h1 {
font-size: 2.2em;
......@@ -113,7 +112,7 @@ text-shadow: none; }
.reveal h4:last-child,
.reveal h5:last-child,
.reveal h6:last-child {
margin-bottom: 0; }
margin-bottom: 0; }
/* Ensure certain elements are never larger than the slide itself */
.reveal img,
......@@ -129,7 +128,7 @@ text-shadow: none; }
}
.reveal em {
font-style: italic; }
font-style: italic; }
.reveal ol,
.reveal dl,
......@@ -197,64 +196,64 @@ font-style: italic; }
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
text-transform: none; }
text-transform: none; }
.reveal pre code {
display: block;
padding: 5px;
overflow: auto;
max-height: 400px;
word-wrap: normal; }
word-wrap: normal; }
.reveal table {
margin: auto;
border-collapse: collapse;
border-spacing: 0; }
border-spacing: 0; }
.reveal table th {
font-weight: bold; }
font-weight: bold; }
.reveal table th,
.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
border-bottom: 1px solid; }
.reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center; }
text-align: center; }
.reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right; }
text-align: right; }
.reveal table tbody tr:last-child th,
.reveal table tbody tr:last-child td {
border-bottom: none; }
border-bottom: none; }
.reveal sup {
vertical-align: super;
font-size: smaller; }
font-size: smaller; }
.reveal sub {
vertical-align: sub;
font-size: smaller; }
font-size: smaller; }
.reveal small {
display: inline-block;
font-size: 0.6em;
line-height: 1.2em;
vertical-align: top; }
vertical-align: top; }
.reveal small * {
vertical-align: top; }
vertical-align: top; }
.reveal img {
margin: 20px 0; }
margin: 20px 0; }
/*********************************************
* LINKS
......@@ -262,16 +261,16 @@ font-style: italic; }
.reveal a {
color: #00008B;
text-decoration: none;
transition: color .15s ease; }
transition: color .15s ease; }
.reveal a:hover {
color: #0000f1;
text-shadow: none;
border: none; }
border: none; }
.reveal .roll span:after {
color: #fff;
background: #00003f; }
background: #00003f; }
/*********************************************
* IMAGES
......@@ -285,62 +284,62 @@ font-style: italic; }
.reveal section img.plain {
border: 0;
box-shadow: none; }
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; }
transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
border-color: #42affa;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/*********************************************
* Frame helper
*********************************************/
.reveal .r-frame {
border: 4px solid #000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame {
transition: all 0.15s linear; }
transition: all 0.15s linear; }
.reveal a:hover .r-frame {
border-color: #00008B;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls {
color: #1740A5; }
color: #1740A5; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #00008B; }
color: #00008B; }
/*********************************************
* PRINT BACKGROUND
*********************************************/
@media print {
.backgrounds {
background-color: #fff; } }
background-color: #fff; } }
html {
font-size: 2.25vmin; }
font-size: 2.25vmin; }
@media (max-width: 768px) {
html {
font-size: 16px; } }
font-size: 16px; } }
@media (max-width: 568px) {
html {
font-size: 14px; } }
font-size: 14px; } }
.visually-hidden {
position: absolute !important;
......@@ -348,30 +347,30 @@ html {
overflow: hidden;
height: 1px;
width: 1px;
word-wrap: normal; }
word-wrap: normal; }
.reveal[class*="pattern--"] {
background-position: center center;
background-size: 133vmax auto; }
background-size: 133vmax auto; }
.reveal.pattern--eth {
background-image: url("./figures/eth_background.jpg"); }
background-image: url("./figures/eth_background.jpg"); }
.reveal.pattern--eth .slides section.title {
background-color: #0F6FE0; }
background-color: #0F6FE0; }
.reveal.pattern--eth .progress {
color: #0D498E; }
color: #0D498E; }
.reveal.pattern--eht .controls {
color: #0D498E; }
color: #0D498E; }
.reveal .slides section {
height: 100vh;
margin: 0;
width: 100vw;
color: #2A2A49; }
color: #2A2A49; }
.reveal .slides section:not([class*='color--']) {
background-color: #FFFFFF; }
background-color: #FFFFFF; }
.reveal .slides section.stack {
background-color: transparent; }
background-color: transparent; }
.reveal .slides section .wrapper-header {
box-sizing: border-box;
......@@ -520,14 +519,14 @@ html {
text-transform: uppercase;
line-height: 4.5vmin;
font-size: 0.6em;
font-weight: bold; }
font-weight: bold; }
.reveal .slides section:not([class*="color--"]) .section {
color: #9292A8; }
color: #9292A8; }
.reveal .slides section .content {
align-self: center;
grid-area: content; }
grid-area: content; }
.reveal .slides section.color--dark .section {
color: #EEEDEF; }
color: #EEEDEF; }
/* TITLE PAGE */
.reveal .slides section.title {
......@@ -536,12 +535,12 @@ html {
width: calc(100vw - 8vmin);
color: #E0E0E0;
margin-left: 25vw;
width: calc(100vw - 4vmin - 25vw); }
width: calc(100vw - 4vmin - 25vw); }
.reveal .slides section.title .grid-wrapper {
grid-template-areas: "header header" "content content" ". credit";
grid-template-columns: auto 80%;
grid-template-rows: 6vmin 1fr auto;
grid-column-gap: 10vmin; }
grid-column-gap: 10vmin; }
.reveal .slides section.title .logo-eth{
background-image: url("./figures/eth_logo_kurz_pos_inverted.svg");
height: 3.5vw;
......@@ -570,19 +569,19 @@ html {
align-self: end;
grid-area: credit;
margin-top: 15vh;
line-height: 1.8em; }
line-height: 1.8em; }
.reveal .slides section.title .credit hr {
border: solid #E0E0E0;
border-width: 1px 0 0 0;
margin: 0 0 1.5vh 0;
width: 100%; }
width: 100%; }
.reveal .slides section.title .credit .label {
font-size: 60%;
text-transform: uppercase; }
text-transform: uppercase; }
.reveal .slides section.title .credit .name {
text-align: right;
font-size: 3.5vh;
font-weight: bold; }
font-weight: bold; }
@media (max-width: 960px) {
.reveal .slides section.title .grid-wrapper {
grid-template-areas: "header" "content" "credit";
......@@ -591,7 +590,7 @@ html {
.reveal .slides section.title {
height: calc(100vh - 20vmin);
margin: 6vmin;
width: calc(100vw - 10vmin); }
width: calc(100vw - 10vmin); }
.reveal .slides section.title h1{
font-size: 5vw;
}
......@@ -599,7 +598,7 @@ html {
font-size: 4vw;
}
.reveal .slides section.title .credit {
justify-self: end; }
justify-self: end; }
.reveal .slides section.title .credit .name {
font-size: 3vw;
}
......@@ -607,11 +606,11 @@ html {
@media (min-width: 1280px) {
.reveal .slides section.title h1 {
grid-area: title; } }
grid-area: title; } }
.reveal .slides section.color--ifd {
background-color: #FFFFFF;
color: #FFFFFF; }
background-color: #FFFFFF;
color: #FFFFFF; }
.reveal .slides section.end {
......
......@@ -4,76 +4,77 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="./ifd-theme/figures/ifd_logo_pos.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://d3js.org/d3.v6.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://d3js.org/d3.v6.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<title>IFD Presentation</title>
</head>
<body>
<div class="reveal pattern--eth">
<div class="slides">
<!-- begin title -->
<section class="title" id="title">
<div class="wrapper-header">
<div class="header">
<div class="logo-eth"></div>
<div class="logo-ifd"></div>
</div>
<div class="content">
<h1>Title of Your Presentation</h1>
<h2>- sub title</h2>
</div>
<div class="credit">
<hr/>
<div class="name">Your name</div>
</div>
</div>
</section>
<!-- end title -->
<div class="reveal pattern--eth">
<div class="slides">
<!-- begin title -->
<section class="title" id="title">
<div class="wrapper-header">
<div class="header">
<div class="logo-eth"></div>
<div class="logo-ifd"></div>
</div>
<div class="content">
<h1>Title of Your Presentation</h1>
<h2>- sub title</h2>
</div>
<div class="credit">
<hr/>
<div class="name">Your name</div>
</div>
</div>
</section>
<!-- end title -->
<!-- begin slide -->
<section id="blank" data-transition="none">
<div class="wrapper-footer">
<h1>Slide with Logos at the Bottom</h1>
<div class="description">
<hr/>
Descriptions
</div>
<div class="footer">
<div class="logo-eth"></div>
<div class="b-title">You can put some text here</div>
<div class="logo-ifd"></div>
</div>
</div>
</section>
<!-- end slide -->
<!-- begin slide -->
<section id="blank" data-transition="none">
<div class="wrapper-header">
<div class="header">
<div class="logo-eth"></div>
<div class="b-title">You can add time:&nbsp;<span id="dat"></span></div>
<div class="logo-ifd"></div>
</div>
<h1>Terminal integration: Demo</h1>
<div class="description">
<hr/>
<div id="terminal-container"></div>
<!-- begin slide -->
<section data-transition="none">
<div class="wrapper-footer">
<h1>Slide with Logos at the Bottom</h1>
<div class="description">
<hr/>
Descriptions
</div>
<div class="footer">
<div class="logo-eth"></div>
<div class="b-title">You can put some text here</div>
<div class="logo-ifd"></div>
</div>
</div>
</section>
<!-- end slide -->
</div>
</div>
</section>
<!-- end slide -->
<!-- begin slide -->
<section class="end">
<div class="text">
Thank you
</div>
</section>
<!-- end slide -->
<!-- begin slide -->
<section data-transition="none">
<div class="wrapper-header">
<div class="header">
<div class="logo-eth"></div>
<div class="b-title">You can add time:&nbsp;<span id="dat"></span></div>
<div class="logo-ifd"></div>
</div>
<h1>Terminal integration: Demo</h1>
<div class="description">
<hr/>
<div id="terminal-container"></div>
</div>
</div>
<script type="module" src="/main.js"></script>
<script type="module" src="./ifd-theme/terminal/client/index.js"></script>
</div>
</div>
</section>
<!-- end slide -->
<!-- begin slide -->
<section class="end">
<div class="text">
Thank you
</div>
</section>
<!-- end slide -->
</div>
</div>
<script type="module" src="/main.js"></script>
<script type="module" src="./ifd-theme/terminal/client/index.js"></script>
</body>
</html>
import 'reveal.js/dist/reveal.css'
import Reveal from 'reveal.js'
import './ifd-theme/theme.css'
import './style.css'
import Reveal from 'reveal.js'
import "tailwindcss/tailwind.css"
// Load reveal plugins
import RevealMath from 'reveal.js/plugin/math/math.js'
......@@ -12,11 +14,11 @@ import RevealNotes from 'reveal.js/plugin/notes/notes.js'
const deck = new Reveal()
deck.initialize({ hash: true, slideNumber: true,
width: "100%", height: "100%", margin: 0, minScale: 1, maxScale: 1,
math: {
mathjax: 'https://cdn.jsdelivr.net/gh/mathjax/mathjax@2.7.8/MathJax.js',
},
plugins: [RevealMath, RevealZoom, RevealMarkdown, RevealNotes]
width: "100%", height: "100%", margin: 0, minScale: 1, maxScale: 1,
math: {
mathjax: 'https://cdn.jsdelivr.net/gh/mathjax/mathjax@2.7.8/MathJax.js',
},
plugins: [RevealMath, RevealZoom, RevealMarkdown, RevealNotes, RevealHighlight]
})
// To add time in the slide
......@@ -26,6 +28,6 @@ var date = document.querySelectorAll("#dat");
var i;
// apply to all
for (i = 0; i < date.length; i++){
date[i].innerHTML = d.toLocaleDateString();
date[i].innerHTML = d.toLocaleDateString();
}
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment