tyrel/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
Tyrel Souza 2023-10-09 11:02:11 -04:00
parent adacc5f402
commit 45e26062e0
No known key found for this signature in database
GPG Key ID: F3614B02ACBE438E
7 changed files with 52 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored Normal file
View File

@ -0,0 +1,3 @@
tags
tags.lock
tags.temp

11
css/style.css
View File

@ -14,12 +14,12 @@ img.rounded-circle{
max-width: 700px;
}
h1.title {
font-size: 23px;
font-size: 32px;
font-family: 'IBM Plex Mono', monospace;
color: #fff;
}
p.title2 {
font-size: 11px;
font-size: 16px;
font-family: 'IBM Plex Mono', monospace;
color: #fff;
}
@ -64,7 +64,7 @@ h2.title {
font-weight: bold;
line-height: 12px;
letter-spacing: 1px;
margin: 0 0 30px;
margin: 0 0 1rem;
padding: 10px 15px 8px;
text-transform: uppercase;
}
@ -103,3 +103,8 @@ a.btn {
padding: 10px 15px 8px;
text-transform: uppercase;
}
.lang-icon-large {
font-size: 64pt;
color: #fff;
}

BIN
img/icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
img/icon192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
img/icon32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1023 B

BIN
img/iconapple.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

75
index.html
View File

@ -6,6 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Primary Meta Tags -->
<title>Tyrel Souza's Website</title>
<link rel="icon" href="img/icon32.png" sizes="32x32">
<link rel="icon" href="img/icon32.png" sizes="192x192">
<link rel="apple-touch-icon" href="img/iconapple.png">
<meta name="title" content="Tyrel Souza's Website" />
<meta name="description" content="Personal website and blog of Tyrel Souza - A Software Engineer, Notary Public, Pilot, and Ham Radio Operator." />
@ -27,6 +30,7 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css">
</head>
<body class="d-flex flex-column min-vh-100">
<div class="container mt-4">
@ -37,10 +41,7 @@
<img class="rounded-circle" alt="100x100" src="img/profile.jpg"
data-holder-rendered="true" width="150" height="150">
<h1 class="title mt-1">
<span class="myBadge">
<i class="bi bi-patch-check-fill"></i>
</span>Tyrel Souza</h1>
<h1 class="title mt-1">Tyrel Souza</h1>
<p class="title2">Software Engineer</p>
</div>
<div class="card-bio">
@ -69,47 +70,53 @@
<!-- Skils -->
<div class="card mt-1">
<div class="card-body">
<h2 class="title">My Skills</h2>
<p class="bio-body mt-1">Python</p>
<div class="progress" style="height: 8px;">
<div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
<h2 class="title mt-3">Technologies</h2>
<div class="text-center mt-1">
<i title="Programming Language: python" class="lang-icon-large devicon-python-plain"></i>
<i title="Programming Language: javascript" class="lang-icon-large devicon-javascript-plain"></i>
<i title="Programming Language: go" class="lang-icon-large devicon-go-plain"></i>
<i title="Programming Language: rust" class="lang-icon-large devicon-rust-plain"></i>
<i title="Programming Framework: django" class="lang-icon-large devicon-django-plain"></i>
<i title="Programming Framework: vuejs" class="lang-icon-large devicon-vuejs-plain"></i>
<i title="Programming Framework: rails" class="lang-icon-large devicon-rails-plain"></i>
</div>
<p class="bio-body mt-4">Django</p>
<div class="progress" style="height: 8px;">
<div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="bio-body mt-4">JavaScript</p>
<div class="progress" style="height: 8px;">
<div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="bio-body mt-4">Go</p>
<div class="progress" style="height: 8px;">
<div class="progress-bar" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="bio-body mt-4">Ruby on Rails</p>
<div class="progress mb-5" style="height: 8px;">
<div class="progress-bar" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<!-- Project -->
<div class="card mt-1">
<div class="card-body">
<h2 class="title">Current Projects</h1>
<p class="bio-body mt-1"><a href="https://gitea.tyrel.dev/tyrel/benchtopdevices">Benchtop Devices - PDF Sheet Generator</a></p>
<h2 class="title mt-3">Current Projects</h1>
<p class="bio-body mt-1">
<a href="https://gitea.tyrel.dev/tyrel/benchtopdevices">
Benchtop Devices - PDF Sheet Generator
<i class="lang-icon devicon-python-plain"></i>
<i class="lang-icon devicon-csharp-plain"></i>
<i class="lang-icon devicon-javascript-plain"></i>
</a>
</p>
<div class="progress" style="height: 8px;">
<div class="progress-bar" role="progressbar" style="width: 66%;" aria-valuenow="66" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="bio-body mt-4"><a href="https://gitea.tyrel.dev/tyrel/rustylinks">RustyLinks - Linktree Clone</a></p>
<p class="bio-body mt-4">
<a href="https://gitea.tyrel.dev/tyrel/rustylinks">
RustyLinks - Linktree Clone
<i class="lang-icon devicon-rust-plain"></i></a>
</p>
<div class="progress" style="height: 8px;">
<div class="progress-bar" role="progressbar" style="width: 95%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="bio-body mt-4"><a href="https://gitea.tyrel.dev/tyrel/frank_tank">Waterheater Servo Remote</a></p>
<p class="bio-body mt-4">
<a href="https://gitea.tyrel.dev/tyrel/frank_tank">
Waterheater Servo Remote
<i class="lang-icon devicon-arduino-plain"></i>
<i class="lang-icon devicon-javascript-plain"></i>
</a>
</p>
<div class="progress" style="height: 8px;">
<div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
<footer class="mt-auto]">
<div class="text-center">