bstein/bstein-dev-home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bstein:dc85fa83c4bd38f7c7e198ecb7e1daf3f8c3aadd
Branches Tags
bstein:master
bstein:feature/ariadne-integration-portal
bstein:feature/profile-avatar
..
compare: bstein:e584f272f0dc6685b1572fb718c62eb855c774b8
Branches Tags
bstein:master
bstein:feature/ariadne-integration-portal
bstein:feature/profile-avatar

No commits in common. "dc85fa83c4bd38f7c7e198ecb7e1daf3f8c3aadd" and "e584f272f0dc6685b1572fb718c62eb855c774b8" have entirely different histories.
dc85fa83c4 ... e584f272f0

3 changed files with 11 additions and 24 deletions
Show Stats Expand all files Collapse all files

BIN
frontend/src/assets/profile-avatar.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 52 KiB

17
frontend/src/components/TopBar.vue
View File

@ -1,9 +1,7 @@
<template>
<header class="topbar">
<div class="profile" @click="goAbout">
<div class="avatar">
<img src="@/assets/profile-avatar.jpg" alt="Brad Stein" />
</div>
<div class="avatar">BS</div>
<div>
<div class="name">Brad Stein</div>
<div class="role">Software Development Engineer</div>
@ -52,17 +50,12 @@ const goAbout = () => router.push("/about");
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.14);
overflow: hidden;
background: linear-gradient(135deg, rgba(0, 229, 197, 0.5), rgba(127, 124, 255, 0.45));
display: grid;
place-items: center;
background: linear-gradient(135deg, rgba(0, 229, 197, 0.5), rgba(127, 124, 255, 0.45));
}
.avatar img {
width: 100%;
height: 100%;
object-fit: cover;
color: #010e17;
font-weight: 700;
border: 1px solid rgba(255, 255, 255, 0.14);
}
.name {

18
frontend/src/views/AboutView.vue
View File

@ -2,9 +2,7 @@
<div class="page">
<section class="card about">
<div class="left">
<div class="portrait">
<img src="@/assets/profile-avatar.jpg" alt="Brad Stein" />
</div>
<div class="portrait">BS</div>
<div class="contact">
<div class="name">Brad Stein</div>
<div class="role">Senior Software Development Engineer </div>
@ -196,17 +194,13 @@ const timeline = [
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.12);
background: linear-gradient(135deg, rgba(0, 229, 197, 0.5), rgba(127, 124, 255, 0.45));
display: grid;
place-items: center;
background: linear-gradient(135deg, rgba(0, 229, 197, 0.5), rgba(127, 124, 255, 0.45));
}
.portrait img {
width: 100%;
height: 100%;
object-fit: cover;
font-size: 34px;
font-weight: 800;
color: #010e17;
border: 1px solid rgba(255, 255, 255, 0.12);
}
.left {