updates
This commit is contained in:
parent
adacc5f402
commit
45e26062e0
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
tags
|
||||
tags.lock
|
||||
tags.temp
|
@ -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
BIN
img/icon.png
Binary file not shown.
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 3.3 KiB |
BIN
img/icon192.png
Normal file
BIN
img/icon192.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.2 KiB |
BIN
img/icon32.png
Normal file
BIN
img/icon32.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1023 B |
BIN
img/iconapple.png
Normal file
BIN
img/iconapple.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 4.8 KiB |
73
index.html
73
index.html
@ -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>
|
||||
<footer class="mt-auto]">
|
||||
<div class="text-center">
|
||||
|
Loading…
Reference in New Issue
Block a user