r0r-5chach/CSY1018-assignment-1
r0r-5chach
/
CSY1018-assignment-1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added images, videos, and additional layout edit

This commit is contained in:
jpez 2022-04-04 18:07:23 +01:00
parent 87d0cf2f57
commit 76cafe3c1e
5 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/portfolio/efron.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 74 KiB

BIN
assets/images/portfolio/website.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 MiB

BIN
assets/videos/portfolio/ardent.mp4 Normal file
View File

Binary file not shown.

22
portfolio/portfolio.css
View File

@ -21,18 +21,34 @@ main {
} }
.right { .right {
margin-top: 2em; margin-top: 2em;
margin-left: 40em; margin-left: 20em;
border-top-left-radius: 10em; border-top-left-radius: 10em;
border-bottom-left-radius: 10em; border-bottom-left-radius: 10em;
padding-left: 2.5em; padding-left: 5em;
padding-bottom: 1em;
} }
.left { .left {
margin-top: 2em; margin-top: 2em;
margin-right: 40em; margin-right: 20em;
border-top-right-radius: 10em; border-top-right-radius: 10em;
border-bottom-right-radius: 10em; border-bottom-right-radius: 10em;
padding-left: 0.5em; padding-left: 0.5em;
padding-bottom: 1em;
}
.project > img {
border-radius: 1em;
max-width: 50em;
float: left;
margin-right: 1em;
}
.project > video {
max-width: 50em;
float: left;
border-radius: 1em;
margin-right: 1em;
} }
#ardent { #ardent {

8
portfolio/portfolio.html
View File

@ -33,19 +33,21 @@
<section class="project left"> <section class="project left">
<h1 class="title">Ardent</h1> <h1 class="title">Ardent</h1>
<img src=""/> <video controls alt="An image of the project site">
<source src="assets/videos/portfolio/ardent.mp4" type="video/mp4"/>
</video>
<p class="description">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.</p> <p class="description">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.</p>
</section> </section>
<section class="project right"> <section class="project right">
<h1 class="title">Efron's Dice</h1> <h1 class="title">Efron's Dice</h1>
<img src=""/> <img src="assets/images/portfolio/efron.png" alt="An image of the output of the project script"/>
<p class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo commodi eveniet porro hic saepe ratione adipisci soluta consectetur voluptates id, asperiores voluptatum fugiat reiciendis impedit quasi quae aliquam? Atque, ipsum!</p> <p class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo commodi eveniet porro hic saepe ratione adipisci soluta consectetur voluptates id, asperiores voluptatum fugiat reiciendis impedit quasi quae aliquam? Atque, ipsum!</p>
</section> </section>
<section class="project left"> <section class="project left">
<h1 class="title">Portfolio Website</h1> <h1 class="title">Portfolio Website</h1>
<img src=""/> <img src="assets/images/portfolio/website.png" alt="An image of the project site"/>
<p class="description">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.</p> <p class="description">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.</p>
</section> </section>
</main> </main>