Compare commits
No commits in common. "abca19d74bd61d1e3d73d3b5b000ced67a8c404e" and "76f2c40afc2b5bc94fad5aa2b0018b372c4ad0fd" have entirely different histories.
abca19d74b
...
76f2c40afc
|
@ -1,26 +1,26 @@
|
|||
@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@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');
|
||||
body {
|
||||
background: url("https://tyrel.dev/img/flower.png");
|
||||
background: url("https://tyrel.dev/blog/theme/images/moroccan-flower-dark.png");
|
||||
}
|
||||
img.rounded-circle{
|
||||
border: 3px solid #15A9DB;
|
||||
}
|
||||
|
||||
.card {
|
||||
margin: auto;
|
||||
margin: auto;
|
||||
background-color: #1a1c23;
|
||||
max-width: 700px;
|
||||
max-width: 700px;
|
||||
}
|
||||
h1.title {
|
||||
font-size: 32px;
|
||||
font-family: monospace;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
color: #fff;
|
||||
}
|
||||
p.title2 {
|
||||
font-size: 16px;
|
||||
font-family: monospace;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
color: #fff;
|
||||
}
|
||||
.footer {
|
||||
|
@ -36,7 +36,7 @@ p.title2 {
|
|||
}
|
||||
p.bio-body {
|
||||
color: #fff;
|
||||
font-family: monospace;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 14px;
|
||||
}
|
||||
.text-center.icon {
|
||||
|
@ -50,7 +50,7 @@ span.myBadge{
|
|||
h1.header {
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
font-family: monospace;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
}
|
||||
.progress-bar {
|
||||
background-color: #15A9DB;
|
||||
|
@ -59,7 +59,7 @@ h2.title {
|
|||
background: #15A9DB;
|
||||
color: #ffffff;
|
||||
display: inline-block;
|
||||
font-family: monospace;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
line-height: 12px;
|
||||
|
@ -82,7 +82,7 @@ p.footer-title {
|
|||
font-size: 13px;
|
||||
position: relative;
|
||||
color: #fff;
|
||||
font-family: monospace;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
|
||||
}
|
||||
|
||||
|
@ -94,7 +94,7 @@ a.btn {
|
|||
background: #ff7e00;
|
||||
color: #ffffff;
|
||||
display: inline-block;
|
||||
font-family: monospace;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
line-height: 12px;
|
||||
|
|
BIN
img/flower.png
BIN
img/flower.png
Binary file not shown.
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
Before Width: | Height: | Size: 28 KiB |
33
index.html
33
index.html
|
@ -25,9 +25,12 @@
|
|||
<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: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" 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">
|
||||
|
@ -35,7 +38,9 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="text-center">
|
||||
<img class="rounded-circle" alt="100x100" src="img/profile_128.jpg" data-holder-rendered="true" width="150" height="150">
|
||||
<img class="rounded-circle" alt="100x100" src="img/profile.jpg"
|
||||
data-holder-rendered="true" width="150" height="150">
|
||||
|
||||
<h1 class="title mt-1">Tyrel Souza</h1>
|
||||
<p class="title2">Software Engineer</p>
|
||||
</div>
|
||||
|
@ -51,17 +56,15 @@
|
|||
</p>
|
||||
</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">
|
||||
<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>
|
||||
</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>
|
||||
<!-- Skils -->
|
||||
|
@ -107,6 +110,16 @@
|
|||
<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/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>
|
||||
<br>
|
||||
|
|
Loading…
Reference in New Issue
Block a user