wompmacho/old-svelte-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor css updates, moving all videos to django site

Browse Source 
instances cant load mp4s for some reason, refactored to pul straight from other site
This commit is contained in:
wompmacho
2020-11-10 09:03:00 -05:00
parent 90e9c5145a
commit 683381ccaa
41 changed files with 195 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/routes/index.svelte
View File

@@ -1,48 +1,36 @@
<script>
import { listen_dev } from "svelte/internal";
</script>
<style>
h1, figure, p {
text-align: center;
margin: 0 auto;
}
h1 {
font-size: 2.8em;
text-transform: uppercase;
font-weight: 700;
margin: 0 0 0.5em 0;
}
figure {
margin: 0 0 1em 0;
}
p {
margin: 1em auto;
}
@media (min-width: 480px) {
/* h1 {
font-size: 4em;
} */
}
</style>
<svelte:head>
<title>WompMacho.com</title>
</svelte:head>
<figure class="">
<video class="shadow rounded" type="video/mp4" src="video/streamClips.mp4" autoplay="true" loop="true" video muted="true" style="height: 100%; width: 100%; object-fit: cover;" alt="Video Of Clips From Live Stream"></video>
<!-- <figcaption>Caption</figcaption> -->
</figure>
<p><strong></strong></p>
<img class="rounded" src="./img/old_photos/swordColorBalenced_1.jpg" alt="django gif">
<h1>wadup fool</h1>
<p>Eventually This will be replaced with an embed of the stream when live. Working on other things atm.</p>
<div class="container rounded">
<p>Eventually This will be replaced with an embed of the stream when live. Working on other things atm.</p>
</div>
<style>
h1 {
text-align: center;
font-size: x-large;
text-transform: uppercase;
font-weight: 700;
}
img{
width: 100%;
padding: 1em;
}
.container{
display: inline-flexbox;
}
p{
margin: 1em;
border-radius: 5px;
padding: 1em;
background-color: #333333;
}
</style>