-
Notifications
You must be signed in to change notification settings - Fork 0
/
media.html
99 lines (93 loc) · 5.11 KB
/
media.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Eligio Fonseca, Senior QA Engineer Resume and Portfolio">
<meta name="author" content="Eligio Fonseca">
<meta name="keywords" content="QA, Quality Assurance, Automation, Engineer, Software Development">
<!-- <base href="https://eligiofonseca.github.io/senior-engineer/" target="_blank"> -->
<title>Media, Senior QA Engineer - Software Development - Eligio</title>
<link rel='stylesheet' type='text/css' media='screen' href='./style.css'>
<!-- Link to the favicon -->
<link rel="icon" href="./favicon.ico" type="image/x-icon">
</head>
<body>
<my-header></my-header>
<main class='main_overlay'>
<section>
<h1><img id='logo' src='./favicon.ico'>
Media</h1>
<hr>
<!-- <aside>
<video autoplay loop muted>
<source src='./video/index_video1.mp4' type='video/webm'>
Video not supported
</video>
</aside> -->
<p class='introP'>
Some of my favorite media at the moment.
</p>
<br>
<section>
<h2>Photo Gallery</h2>
<p class='introP'>
Excited about my current photo gallery - a carefully curated collection that showcases my passion for visual storytelling.
</p>
<figure>
<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script>
<div class="pa-carousel-widget" style="width:90%; height:380px; display:none;"
data-link="https://photos.app.goo.gl/hVNqwXpHi4tiiR1cA"
data-title="Eligio Fonseca - Image Gallery"
data-description="5 new items · Album by Eli Fonseca">
<object
data="https://lh3.googleusercontent.com/pw/ABLVV864PhaLib4qlEydFtVTf6qft4ZMZaF06RADONRzg04-qVMyIIcQkenWOIeFa5SDg0Kunn_dSVk_yQsazpFqtURkZgYshyxMBAOpFwLk0savPI4s2E5O=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/pw/ABLVV87-OmykO5fQIJHXtJNdsJdPdfi2hFGbwuQnjPs0CZenxNIU515seyocSjZ4kC3oWrUNvRN6jcGobQ_Vp19PTgmDzoWZIUpn0J7vmOFgJ3nTdkjdbNz2=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/pw/ABLVV85-c4HJmFH8ZtQ0FEEjjAe2DdTN4u0I93_K8LURyKEFs0ZHD6qJYJGEquY5dpUy_VKmTrNL8AQbknXz9KWK5aRtbLXSKnlCC4GF7TiXYELkb-Q4_Ctw=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/pw/ABLVV85gxk9GIBpggEc7yDQqFqczM5HBYHpQqPZa2kCm8xNw6oY0bRXWuGTN0JCJagDl8dLhGOR8em1r926dhBz3n2eYo8650lkwNwREVVi-CLtSMcvFoj2Z=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/pw/ABLVV87-tLTZmdRnhy8hXyL4AYs4YytuhztlqvMfPE6e4clFwes1orwU1On0KxPTA-HkVemSSelcSiAuuKDZPIH_G_7mU_NfO9w43frHX74ykaRcr0xPcQq9=w1920-h1080"></object>
</div>
<!-- Custom Photo Gallery Script By https://www.publicalbum.org/blog/embed-photos-slideshow-carousel-widget -->
</figure>
</section>
<br>
<section>
<h2>YouTube Video</h2>
<p class='introP'>
<!--Media Gallery Goes Here-->
Currently enthralled by a professionally insightful YouTube video - a perfect blend of expertise and
engaging presentation
</p>
<figure>
<iframe width="90%" height="380" src="https://www.youtube.com/embed/bbmAm0tFblM?si=0R4wt_fi7dVICu9U"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen>
</iframe>
</figure>
</section>
<br>
<section>
<h2>Podcasts</h2>
<p class='introP'>
These podcasts not only amplifies my professional knowledge but also infuses a dash of humor and
entertainment.<a href='https://lists.pocketcasts.com/fc06e72d-d643-4674-a1b3-cf6ab001ae34'
target='_blank'>See the List via PocketCasts</a>
</p>
<figure>
<a href='https://lists.pocketcasts.com/fc06e72d-d643-4674-a1b3-cf6ab001ae34' target='_blank'><img
src='./images/pocketcasts_subs_favorite.png'
alt='Tiny image art gallery for the covers of my favorite podcasts'
class='centeredImage'></a>
</figure>
</section>
</section>
</main>
<my-footer></my-footer>
<script src='./main.js' async></script>
</body>
</html>