-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (108 loc) · 6.12 KB
/
index.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
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="style.css">
<script src="mobile.js"></script>
<script src="script.js"></script>
<meta name="description" content="Oscar Saul - 👋 Hey I’m Oscar, a Computer Science and Business student focused on developing full-stack web applications and backend services.">
<meta name="og:email" content="oscarsaul.mmv@gmail.com"/>
<meta name="og:phone_number" content="437-219-3454"/>
<link rel="icon" href="logo.png">
<title>Oscar Saul</title>
<!-- Open Graph / Facebook -->
<meta property="og:title" content="Oscar Saul's Portfolio" />
<meta property="og:description" content="👋 Hi, I'm Oscar Saul. I'm a Computer Science and Business student specializing in full-stack web development and backend services. Check out my projects and experiences!" />
<meta property="og:image" content="assets/logo.gif" />
<meta property="og:video" content="assets/logo-anim.mp4" />
<meta property="og:url" content="https://oscarsaul.ca" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Oscar Saul" />
<meta property="og:locale" content="en_CA" />
<meta property="og:author" content="Oscar Saul" />
</head>
<body itemscope itemtype="http://schema.org/Person">
<script src="https://unpkg.com/swup@4"></script>
<script src="https://unpkg.com/@swup/overlay-theme@2"></script>
<link rel="stylesheet" href="https://unpkg.com/@swup/overlay-theme/dist/OverlayTheme.css">
<script>
const swup = new Swup({
plugins: [new SwupOverlayTheme()],
linkSelector: 'a:not(.no-swup)',
});
</script>
<div id="swup">
<div class="content" id="wrapper">
<h1 itemprop="name">
<span id="text">oscar saul.</span><span id="cursor">|</span>
</h1>
<br>
<div class="quote" itemprop="description" style="top: -300px;">Hey 👋, I'm a Computer Science and Business student focused on developing full-stack web applications and backend services. I have a strong interest in cybersecurity, fintech, and 3D modeling. Currently, I’m exploring the applications of Nmap's, modeling in Fusion 360, and automating <a class="gradient sublink" href="arbitrage-trader">arbitrage opportunities</a> through web scraping. Want to learn more <a style="text-decoration: underline;"class="gradient sublink" href="about-me">about me?</a> 👈😎</div>
<hr>
<h2>Projects</h2>
<section id="project-container">
<ul>
<li>
<p id="projects"><a href="arbitrage-trader">Arbitrage Trader</a> - a program that calculates profit opportunities across multiple sportsbooks</p>
</li>
<li>
<p id="projects"><a href="social-crawler">Social Crawler</a> - a selenium based web crawler that retrieves users social media metrics.</p>
</li>
<li>
<p id="projects"><a href="ai-playlist">AI Generated Playlist</a> - a web based application that uses Open Ai api to generate a unique playlist.</p>
</li>
<li>
<p id="projects"><a href="mouse-heatmap">Mouse Heatmap</a> - lightweight application that stores mouse points and provides a playback of heatmap.</p>
</li>
<li>
<p id="projects"><a href="dns-config">DNS Configurator</a> - python script that changes system DNS settings to Cloudflares resolvers.</p>
</li>
<li>
<p id="projects"><a href="tor-scout">Tor Scout</a> - scrapes onion links on the Tor network, extracting HTML and cached assets for local storage, utilizing Tor proxies to maintain anonymity.</p>
</li>
</ul>
</section>
<h2>Experience</h2>
<section>
<ul >
<div>
<h3 itemprop="jobTitle">Makerspace</h3><p id="time">2024</p>
<p class="quote">Engage in creating innovative projects utilizing various technologies, including 3D modeling, printing, and coding.</p>
</div>
<div>
<h3 itemprop="jobTitle">RecruitForMe</h3><p id="time">2022 - 2023</p>
<p class="quote">Software Developer (Co-op) for <span class="gradient">recruitforme</span>, a networking and employment-based platform.</p>
</div>
<div>
<h3 itemprop="JobTitle">AWS Certificate</h3><p id="time">2022</p>
<p class="quote">Certified in Lambda, DynamoDB, Fargate, S3, and Elastic Beanstalk.</p>
</div>
</ul>
</section><br>
<!-- <p id="sub-head">Legacy Version available <a href="LEGACY/legacy_index" class="no-swup">here</a>.</p> -->
</div>
<div class="connect-with-me">
<a id="connect" href="https://www.linkedin.com/in/oscarmmv/" target="_blank">
<button class="connect-button">
<div class="status">O</div>
<i class="bi bi-linkedin"></i>
</button>
</a>
<a id="connect" href="https://github.com/oscarmmv" target="_blank">
<button class="connect-button">
<div class="status">O</div>
<i class="bi bi-github"></i>
</button>
</a>
<a id="connect" href="https://discord.com/users/748901094650019971" target="_blank">
<button class="connect-button">
<div class="status">O</div>
<i class="bi bi-discord"></i>
</button>
</a>
</div>
</div>
</body>
</html>