ada/portfoliosketchpine64backup
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added videos, autoplay, cleaned up.

Browse source
This commit is contained in:
Alex Huddleston 2018-01-25 06:43:39 -06:00
parent 133b34a8c5
commit d7f7399561
6 changed files with 30 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
index.html
View file

@ -25,7 +25,11 @@
<div> <div>
<div class="image-container"> <div class="image-container">
<a href="https://double-darling-duo-deluxe.itch.io/so-bow-y-cute"> <a href="https://double-darling-duo-deluxe.itch.io/so-bow-y-cute">
<img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/so-bow-y-cute.png"></img> <video class="video" autoplay loop muted>
<source src="so-bow-y-cute.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<!--- <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/so-bow-y-cute.png"></img> --->
</a> </a>
</div> </div>
<div class="centered-text"> <div class="centered-text">
@ -48,7 +52,11 @@
<div> <div>
<div class="image-container"> <div class="image-container">
<a href="http://werefoxsoftware.com/project-undercover/"> <a href="http://werefoxsoftware.com/project-undercover/">
<img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/projectundercover-guard.png"></img> <video class="video" autoplay loop muted>
<source src="projectundercover-guard.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<!--- <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/projectundercover-guard.png"></img> --->
</a> </a>
</div> </div>
<div class="centered-text"> <div class="centered-text">
@ -61,11 +69,15 @@
<div> <div>
<div class="image-container"> <div class="image-container">
<a href="http://werefoxsoftware.com/project-undercover/"> <a href="http://werefoxsoftware.com/project-undercover/">
<img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/projectundercover-spy.png"></img> <video class="video" autoplay loop muted>
<source src="projectundercover-spy.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<!--- <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/projectundercover-spy.png"></img> --->
</a> </a>
</div> </div>
<div class="centered-text"> <div class="centered-text">
<h3>Project Undercover - Guard view</h3> <h3>Project Undercover - Spy view</h3>
<p>Game Development Semester project.</p> <p>Game Development Semester project.</p>
<p>The game had two main player roles, this is the spy's view.</p> <p>The game had two main player roles, this is the spy's view.</p>
<p>The github repository can be found <a href ="https://github.com/Shadow8t4/Project-Undercover-Public">here</a>.</p> <p>The github repository can be found <a href ="https://github.com/Shadow8t4/Project-Undercover-Public">here</a>.</p>
@ -86,7 +98,11 @@
<div> <div>
<div class="image-container"> <div class="image-container">
<a href="http://werefoxsoftware.com/revival-survival/"> <a href="http://werefoxsoftware.com/revival-survival/">
<img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/revival-survival.png"></img> <video class ="video" autoplay loop muted>
<source src="revival-survival.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<!--- <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/revival-survival.png"></img> --->
</a> </a>
</div> </div>
<div class="centered-text"> <div class="centered-text">

10
main.css
View file

@ -48,11 +48,19 @@ header {
.image-container { .image-container {
margin: auto; margin: auto;
padding: auto; padding: auto;
opacity: 1.0;
} }
.image-container img { .image-container img {
background: #fff; background: #fff;
padding: 5px; padding: 5px;
margin: auto; margin: auto;
margin-top: 50px;
} }
.video {
background: #fff;
padding: 5px;
margin: auto;
padding: auto;
transform: scale(0.75);
}

BIN
projectundercover-guard.mp4 Normal file
View file

Binary file not shown.

BIN
projectundercover-spy.mp4 Normal file
View file

Binary file not shown.

BIN
revival-survival.mp4 Normal file
View file

Binary file not shown.

BIN
so-bow-y-cute.mp4 Normal file
View file

Binary file not shown.