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

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

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