Skip to content

Commit

Permalink
TargetBlankLink has new property: hoverIsActive. Siemens letter is added
Browse files Browse the repository at this point in the history
  • Loading branch information
@dimitardanailov
dimitardanailov committed Nov 19, 2023
1 parent 19f1e15 commit 2131933
Show file tree
Hide file tree
Showing 4 changed files with 31 additions and 25 deletions.
Binary file added apps/website/public/letters/senior-architect.pdf
View file
Binary file not shown.
9 changes: 8 additions & 1 deletion apps/website/src/app/(home)/components/Accomplishments.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,14 @@ const Accomplishments = () => {
Singapore, Israel, Germany, Great Britain, Switzerland, United Arab
Emirates, Indonesia;
</li>
<li>Ex - contractor Siemens and The international Red cross;</li>
<li>
<TargetBlankLink
text="Ex - contractor Siemens"
title="Senior Architect"
href="/letters/senior-architect.pdf"
/>{' '}
and The international Red cross;
</li>
<li>Ex CTO, Staff Engineer, Architect and Engineering manager;</li>
<li>Management and Leadership skills: 10+ years;</li>
<li>
Expand Down
34 changes: 12 additions & 22 deletions apps/website/src/app/certificates/Content.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,17 @@

import {Slogan} from '@/styled-components'

import styled from 'styled-components'

import {listStyle} from '@/shared/tailwind'

import {Keyword} from '@/components/SEO'
import TargetBlankLink from '@/components/TargetBlankLink'

function link(sufix: string) {
const domain = 'https://ddanailov.dev/certificates/'
const domain = '/certificates/'

return domain + sufix
}

const textClassName = 'hover:underline'

const Blockchain = () => {
return (
<>
Expand All @@ -25,7 +21,7 @@ const Blockchain = () => {
<li>
<TargetBlankLink
Element={
<span className={textClassName}>
<span>
Decentralized Finance (<Keyword word="DeFi" />)
</span>
}
Expand All @@ -36,7 +32,7 @@ const Blockchain = () => {
<li>
<TargetBlankLink
Element={
<span className={textClassName}>
<span>
<Keyword word="Smart Contracts" />. Authorized by University at
Buffalo;
</span>
Expand All @@ -48,7 +44,7 @@ const Blockchain = () => {
<li>
<TargetBlankLink
Element={
<span className={textClassName}>
<span>
<Keyword word="Blockchain" /> basics. Authorized by University
at Buffalo;
</span>
Expand All @@ -71,7 +67,7 @@ const WebMobile = () => {
<li>
<TargetBlankLink
Element={
<span className={textClassName}>
<span>
The Ultimate <Keyword word="React Native" /> Series:
Fundamentals;
</span>
Expand All @@ -82,11 +78,7 @@ const WebMobile = () => {
</li>
<li>
<TargetBlankLink
Element={
<span className={textClassName}>
Introduction to Mobile Development;
</span>
}
Element={<span>Introduction to Mobile Development;</span>}
href={link('mobile/intro.pdf')}
title="Introduction to Mobile Development"
/>
Expand All @@ -104,7 +96,7 @@ const CloudDevelopment = () => {
<li>
<TargetBlankLink
Element={
<span className={textClassName}>
<span>
<Keyword word="Containerized" /> Applications on{' '}
<Keyword word="AWS" />. Authorized by AWS;
</span>
Expand All @@ -126,7 +118,7 @@ const MachineLearning = () => {
<li>
<TargetBlankLink
Element={
<span className={textClassName}>
<span>
Introduction to TensorFlow for{' '}
<Keyword word="Artificial Intelligence" />, Machine Learning,
and Deep Learning. Authorized by DeepLearning.AI;
Expand All @@ -152,7 +144,7 @@ const DatabaseStorage = () => {
title="M101JS: MongoDB for Node.js Developers"
href={link('databases/mongo-101js.png')}
Element={
<span className={textClassName}>
<span>
M101JS: <Keyword word="MongoDB" /> for{' '}
<Keyword word="Node.js" /> Developers. Authorized by MongoDB
University;
Expand All @@ -165,7 +157,7 @@ const DatabaseStorage = () => {
title="Hadoop Platform and Application Framework"
href={link('databases/hadoop.pdf')}
Element={
<span className={textClassName}>
<span>
Hadoop Platform and Application Framework. Authorized by
University of California;
</span>
Expand All @@ -185,9 +177,7 @@ const ProjectManagement = () => {
<li>
<TargetBlankLink
Element={
<span className={textClassName}>
Project Initiation: Starting a Successful Project
</span>
<span>Project Initiation: Starting a Successful Project</span>
}
href={link('project-management/starting-successful-project.pdf')}
title="Project Initiation: Starting a Successful Project"
Expand All @@ -199,7 +189,7 @@ const ProjectManagement = () => {
href={link('project-management/foundations.pdf')}
title="Foundations of Project Management"
Element={
<span className={textClassName}>
<span>
Foundations of Project Management. Authorized by Google;
</span>
}
Expand Down
13 changes: 11 additions & 2 deletions apps/website/src/components/TargetBlankLink/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,20 @@ export interface Props {
title: string
Element?: JSX.Element
text?: string
hoverIsActive?: boolean
}

const TargetBlankLink: FC<Props> = ({Element, href, title, text}) => {
const TargetBlankLink: FC<Props> = ({
hoverIsActive = true,
Element,
href,
title,
text,
}) => {
let textClassName = hoverIsActive ? 'hover:underline' : ''

return (
<Link href={href} target="_blank" title={title}>
<Link href={href} target="_blank" title={title} className={textClassName}>
{Element}
{text}
</Link>
Expand Down

1 comment on commit 2131933

@vercel
Copy link

@vercel vercel bot commented on 2131933 Nov 19, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

portfolio-website – ./apps/website

portfolio-website-dimityrdanailov.vercel.app
portfolio-website-git-main-dimityrdanailov.vercel.app
ddanailov.dev

Please sign in to comment.