ceda_ei
/
redacted.life
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: ceda_ei:fd3726f5a4e4ee66393909e3fc685252d67245bb
Branches Tags
ceda_ei:master
..
compare: ceda_ei:5cfae7e9ba778e806c3f6698d510f5312b6a261f
Branches Tags
ceda_ei:master

No commits in common. "fd3726f5a4e4ee66393909e3fc685252d67245bb" and "5cfae7e9ba778e806c3f6698d510f5312b6a261f" have entirely different histories.
fd3726f5a4 ... 5cfae7e9ba

5 changed files with 2 additions and 40 deletions
Show Stats Expand all files Collapse all files

1
assets/plyr/plyr.css
View File

File diff suppressed because one or more lines are too long

2
assets/plyr/plyr.js
View File

File diff suppressed because one or more lines are too long

1
assets/plyr/plyr.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 5.4 KiB

12
index.html
View File

@ -6,7 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Redacted Life</title> <title>Redacted Life</title>
<link href="assets/css/index.css" rel="stylesheet" type="text/css"> <link href="assets/css/index.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="assets/plyr/plyr.css" />
</head> </head>
<body> <body>
@ -16,11 +15,6 @@
<div class="wrapper"> <div class="wrapper">
<div class="content"> <div class="content">
<h1>Redacted Life</h1> <h1>Redacted Life</h1>
<div class="player">
<video id="player">
<source src="assets/videos/sample.mp4" type="video/mp4" />
</video>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -36,12 +30,6 @@
</footer> </footer>
</div> </div>
</div> </div>
<script src="assets/plyr/plyr.js"></script>
<script>
const player = new Plyr("#player", {
iconUrl: "assets/plyr/plyr.svg",
});
</script>
</body> </body>
</html> </html>

26
scss/index.scss
View File

@ -9,7 +9,6 @@ $cloud_width: 200px;
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-x: hidden;
@include body-font; @include body-font;
.clouds { .clouds {
@ -41,18 +40,7 @@ body {
.wrapper { .wrapper {
min-height: 70vh; min-height: 70vh;
align-items: flex-end; align-items: flex-end;
padding-bottom: 2em; padding-bottom: 3em;
.player {
margin: auto;
width: 80%;
.plyr {
border-radius: 3em;
border-color: #000;
border-width: 4px;
border-style: solid;
border-radius: 2em;
}
}
} }
} }
@ -64,7 +52,7 @@ body {
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
flex-direction: column; flex-direction: column;
padding-top: 2em; padding-top: 3em;
height: 100%; height: 100%;
.content { .content {
display: flex; display: flex;
@ -126,13 +114,6 @@ h1 {
@media (max-width: 600px) { @media (max-width: 600px) {
body { body {
.top {
.wrapper {
.player {
width: 100%;
}
}
}
.bottom { .bottom {
.wrapper { .wrapper {
.content { .content {
@ -144,9 +125,6 @@ h1 {
} }
} }
} }
h1 {
font-size: 3em;
}
} }