SowinskiBraeden/.profile
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

update footers

Browse Source
This commit is contained in:
SowinskiBraeden committed 2025-01-22 17:32:03 -08:00
1 parent 26e00838e6
commit ea59c7fb53
4 files changed
+148 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

about.html
+43 -9
View File
@@ -80,7 +80,7 @@
</header> </header>
<div class="container"> <div class="container">
<div id="left"> <div class="left-content">
<section id="profile"> <section id="profile">
<img src="https://avatars.githubusercontent.com/u/48144618" class="profile" alt="profile"> <img src="https://avatars.githubusercontent.com/u/48144618" class="profile" alt="profile">
<div class="profile-sub"> <div class="profile-sub">
@@ -89,9 +89,9 @@
</div> </div>
</section> </section>
<section id="skills"> <section id="skills">
<h3 class="title">SKILLS</h3> <h3>SKILLS</h3>
<ol style="transform: translate(-25px, 0);"> <ul class="text">
<li><a href="https://git-scm.com/" target="_blank">Git</a></li> <li><a href="https://git-scm.com/" target="_blank">Git</a></li>
<li><a href="https://www.python.org/" target="_blank">Python 3+</a></li> <li><a href="https://www.python.org/" target="_blank">Python 3+</a></li>
<li><a href="https://nodejs.org/en" target="_blank">Node.js</a></li> <li><a href="https://nodejs.org/en" target="_blank">Node.js</a></li>
@@ -101,11 +101,11 @@
<li>Windows/Debian based OS</li> <li>Windows/Debian based OS</li>
<li>System Administration</li> <li>System Administration</li>
<li><a href="https://www.mongodb.com/" target="_blank">MongoDB</a></li> <li><a href="https://www.mongodb.com/" target="_blank">MongoDB</a></li>
</ol> <ul>
</section> </section>
</div> </div>
<div id="right"> <div class="right-content">
<section id="about"> <section id="about">
<h3 class="title">About me</h3> <h3 class="title">About me</h3>
<p class="text"> <p class="text">
@@ -124,21 +124,55 @@
<h3 class="title">Honors & Awards</h3> <h3 class="title">Honors & Awards</h3>
<dl> <dl>
<dt><b>Capstone Project Recognition</b></dt> <dt class="text"><b>Capstone Project Recognition</b></dt>
<dd> <dd class="text">
Issued by Issued by
<abbr title="Sullivan Heights Secondary School">SHSS</abbr> <abbr title="Sullivan Heights Secondary School">SHSS</abbr>
— Recognition award — Recognition award
for capstone project. for capstone project.
</dd> </dd>
<dt><b>Master Digital Crafter</b></dt> <dt class="text"><b>Master Digital Crafter</b></dt>
<dd> <dd class="text">
Issued by Issued by
<abbr title="Sullivan Heights Secondary School">SHSS</abbr> <abbr title="Sullivan Heights Secondary School">SHSS</abbr>
— Exceeding expectationg in Software Engineering 11/12</dd> — Exceeding expectationg in Software Engineering 11/12</dd>
</dl> </dl>
</section> </section>
<footer class="footer flex-container">
<p>Get in touch with me!</p>
<div class="social-icons">
<a class="icon" href="https://www.linkedin.com/in/SowinskiBraeden" target=_blank rel="noopener noreferrer me"
title=LinkedIn>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin"
viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
<a class="icon" href=https://github.com/SowinskiBraeden target=_blank rel="noopener noreferrer me" title=Github>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path
d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22" />
</svg>
</a>
<a class="icon" href=https://twitter.com/braedensowinski target=_blank rel="noopener noreferrer me" title=Twitter>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path
d="M23 3a10.9 10.9.0 01-3.14 1.53 4.48 4.48.0 00-7.86 3v1A10.66 10.66.0 013 4s-4 9 5 13a11.64 11.64.0 01-7 2c9 5 20 0 20-11.5a4.5 4.5.0 00-.08-.83A7.72 7.72.0 0023 3z" />
</svg>
</a>
<a class="icon" href="mailto:braeden@sowinski.dev" target=_blank rel="noopener noreferrer me" title=Email>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
<polyline points="22,6 12,13 2,6" />
</svg>
</a>
</div>
</footer>
</div> </div>
</div> </div>
projects.html
+34
View File
@@ -200,6 +200,40 @@
</div> </div>
</div> </div>
<footer class="footer flex-container">
<p>Get in touch with me!</p>
<div class="social-icons">
<a class="icon" href="https://www.linkedin.com/in/SowinskiBraeden" target=_blank rel="noopener noreferrer me"
title=LinkedIn>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin"
viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
</svg>
</a>
<a class="icon" href=https://github.com/SowinskiBraeden target=_blank rel="noopener noreferrer me" title=Github>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path
d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22" />
</svg>
</a>
<a class="icon" href=https://twitter.com/braedensowinski target=_blank rel="noopener noreferrer me" title=Twitter>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path
d="M23 3a10.9 10.9.0 01-3.14 1.53 4.48 4.48.0 00-7.86 3v1A10.66 10.66.0 013 4s-4 9 5 13a11.64 11.64.0 01-7 2c9 5 20 0 20-11.5a4.5 4.5.0 00-.08-.83A7.72 7.72.0 0023 3z" />
</svg>
</a>
<a class="icon" href="mailto:braeden@sowinski.dev" target=_blank rel="noopener noreferrer me" title=Email>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
<polyline points="22,6 12,13 2,6" />
</svg>
</a>
</div>
</footer>
</div> </div>
</section> </section>
public/css/about.css
+47 -1
View File
@@ -1,9 +1,11 @@
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+15&family=Sixtyfour+Convergence&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
.container { .container {
display: grid; display: grid;
grid-template-areas: "header header";
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
gap: 24px; gap: 24px;
padding: 24px; padding: 24px;
padding-bottom: 0px;
} }
section { section {
@@ -14,6 +16,16 @@ section {
margin-bottom: 24px; margin-bottom: 24px;
} }
.flex-container {
display: flex;
justify-content: space-between;
}
.social-icons {
margin-top: 6px;
margin-right: 24px;
}
#profile { #profile {
background-image: url("../images/pic.png"); background-image: url("../images/pic.png");
color: #d8d8d9; color: #d8d8d9;
@@ -34,6 +46,40 @@ dt {
margin-top: 12px; margin-top: 12px;
} }
.text {
margin-right: 24px;
font-family: "Ubuntu", serif;
font-weight: 400;
font-style: normal;
transition: .8s;
}
section ul {
margin-left: 20px;
}
footer {
display: flex;
justify-content: space-between;
transition: .8s;
padding: 8px;
background-color: var(--menu-text-bg);
border-radius: 12px;
margin-bottom: 24px;
}
footer p {
margin-left: 12px;
font-family: "Ubuntu", serif;
font-weight: 400;
font-style: normal;
}
.social-icons {
margin-top: 6px;
margin-right: 24px;
}
@media only screen and (max-width: 740px) { @media only screen and (max-width: 740px) {
.container { .container {
display: flex; display: flex;
public/css/projects.css
+24
View File
@@ -1,4 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+15&family=Sixtyfour+Convergence&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+15&family=Sixtyfour+Convergence&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+15&family=Sixtyfour+Convergence&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
.container { .container {
margin-top: 2%; margin-top: 2%;
@@ -117,3 +118,26 @@
.content-body a:hover { .content-body a:hover {
color: var(--primary); color: var(--primary);
} }
footer {
display: flex;
justify-content: space-between;
transition: .8s;
padding: 8px;
background-color: var(--menu-text-bg);
border-radius: 12px;
margin-bottom: 24px;
width: 80vw;
}
footer p {
font-family: "Ubuntu", serif;
font-weight: 400;
font-style: normal;
margin-left: 12px;
}
.social-icons {
margin-top: 6px;
margin-right: 24px;
}