Foadsf · December 20, 2018 22:19
diff --git a/cell1.css b/cell1.css
 %%html
 <style>
 body {
    position: relative;
    min-height: 90vh;
 }

 .content-wrap {
    padding-bottom: 2.5rem;
 }

 .text {
    font-family: computer Modern;
 }

 .firstSlideTitle {
    width: 80%;
    font-size: 300%;
    font-weight: bold;
    text-align: center;
    margin: auto;
    margin-top: 40px;
    border-style: solid;
    border-radius: 15px;
 }

 .firstSlidePic {
    width: 50%;
    height: auto;
    padding: 40px;
 }

 .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }

 footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2.5rem;  
 }

 .twitter{
    float: right; 
    width: 33.3%; 
    text-align: right;
 }
  
 </style>
diff --git a/cell2.html b/cell2.html
 <body>
    <div class="content-wrap">
        <header>
            <h1 class="firstSlideTitle text">This is a long miltiline title for a random topic which nobody cares about!</h1>
        </header>
        <img src="pics/Python_logo.svg" alt="PythonLogo" class="firstSlidePic center">
    </div>
    <footer>
        <hr>
        <img src="pics/by-nc-nd.svg">
        <p class="twitter text"><a><i class="fa fa-twitter">twitter</i></a></p>
    </footer>
 </body>
	<body>
	<div class="content-wrap">
	<header>
	<h1 class="firstSlideTitle text">This is a long miltiline title for a random topic which nobody cares about!</h1>
	</header>
	<img src="pics/Python_logo.svg" alt="PythonLogo" class="firstSlidePic center">
	</div>
	<footer>
	<hr>
	<img src="pics/by-nc-nd.svg">
	<p class="twitter text"><a><i class="fa fa-twitter">twitter</i></a></p>
	</footer>
	</body>