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

slow changes

Browse Source
This commit is contained in:
Tyrel Souza 2024-07-09 21:34:57 -04:00
parent 76f2c40afc
commit 63e38be871
No known key found for this signature in database
GPG Key ID: F3614B02ACBE438E
4 changed files with 16 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/style.css
View File

@ -1,17 +1,19 @@
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@600&display=swap'); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@600&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css"); @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css");
@import url("https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css");
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@600&family=JetBrains+Mono:wght@300&family=PT+Mono&display=swap'); @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@600&family=JetBrains+Mono:wght@300&family=PT+Mono&display=swap');
body { body {
background: url("https://tyrel.dev/blog/theme/images/moroccan-flower-dark.png"); background: url("https://tyrel.dev/img/flower.png");
} }
img.rounded-circle{ img.rounded-circle{
border: 3px solid #15A9DB; border: 3px solid #15A9DB;
} }
.card { .card {
margin: auto; margin: auto;
background-color: #1a1c23; background-color: #1a1c23;
max-width: 700px; max-width: 700px;
} }
h1.title { h1.title {
font-size: 32px; font-size: 32px;

BIN
img/flower.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/profile_128.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

33
index.html
View File

@ -25,12 +25,9 @@
<meta property="twitter:title" content="Tyrel Souza's Website" /> <meta property="twitter:title" content="Tyrel Souza's Website" />
<meta property="twitter:description" content="Personal website and blog of Tyrel Souza - A Software Engineer, Notary Public, Pilot, and Ham Radio Operator." /> <meta property="twitter:description" content="Personal website and blog of Tyrel Souza - A Software Engineer, Notary Public, Pilot, and Ham Radio Operator." />
<meta property="twitter:image" content="https://tyrel.dev/imgs/profilerectangle.jpg" /> <meta property="twitter:image" content="https://tyrel.dev/imgs/profilerectangle.jpg" />
<!-- Meta Tags Generated with https://metatags.io -->
<!-- Bootstrap CSS -->
<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" 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> </head>
<body class="d-flex flex-column min-vh-100"> <body class="d-flex flex-column min-vh-100">
<div class="container mt-4"> <div class="container mt-4">
@ -38,9 +35,7 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="text-center"> <div class="text-center">
<img class="rounded-circle" alt="100x100" src="img/profile.jpg" <img class="rounded-circle" alt="100x100" src="img/profile_128.jpg" data-holder-rendered="true" width="150" height="150">
data-holder-rendered="true" width="150" height="150">
<h1 class="title mt-1">Tyrel Souza</h1> <h1 class="title mt-1">Tyrel Souza</h1>
<p class="title2">Software Engineer</p> <p class="title2">Software Engineer</p>
</div> </div>
@ -56,15 +51,17 @@
</p> </p>
</div> </div>
</div> </div>
<div class="text-center icon">
<a href="https://github.com/tyrelsouza"><i class="bi bi-github ml-4"></i></a>
<a href="https://linkedin.com/in/tyrel-souza"><i class="bi bi-linkedin ml-4"></i></a>
<a href="mailto:email@tyrel.dev?subject=I%20found%20your%20website&body=Hi%20Tyrel%2C%0D%0AI%20found%20your%20website%20and%20wanted%20to%20send%20you%20an%20email%20about... "><i class="bi bi-envelope ml-4"></i></a>
</div>
<div class="text-center mt-1"> <div class="text-center mt-1">
<a href="https://tyrel.dev/blog/" class="btn">Read My Blog</a> <a href="https://tyrel.dev/blog/" class="btn">Read My Blog</a>
</div>
<div class="text-center mt-1">
<a href="https://tyrel.dev/links/" class="btn">Find Me Online</a> <a href="https://tyrel.dev/links/" class="btn">Find Me Online</a>
</div> </div>
<div class="text-center mt-1">
<a href="https://gitea.tyrel.dev/tyrel" class="btn">Code</a>
<a href="https://linkedin.com/in/tyrel-souza" class="btn">LinkedIN</a>
<a href="mailto:email@tyrel.dev?subject=I%20found%20your%20website&body=Hi%20Tyrel%2C%0D%0AI%20found%20your%20website%20and%20wanted%20to%20send%20you%20an%20email%20about... " class="btn">Email</a>
</div>
</div> </div>
</div> </div>
<!-- Skils --> <!-- Skils -->
@ -110,16 +107,6 @@
<div class="progress" style="height: 8px;"> <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 class="progress-bar" role="progressbar" style="width: 66%;" aria-valuenow="66" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<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>
<br> <br>