edpibu/web2.0
1
Fork 0
Code Issues Activity

Update logo

Browse source
This commit is contained in:
Edgar P. Burkhart 2022-05-07 17:57:40 +02:00
parent efc87e188e
commit 32ef792a34
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
4 changed files with 27 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/index.html
View file

@ -7,7 +7,7 @@
<title>Edgar P. Burkhart</title> <title>Edgar P. Burkhart</title>
<link rel="icon" href="static/svg/logo-border.svg" /> <link rel="icon" href="static/svg/logo.svg" />
<link rel="stylesheet" href="static/css/main.css" /> <link rel="stylesheet" href="static/css/main.css" />
</head> </head>
<body> <body>

5
src/static/css/main.css
View file

@ -52,10 +52,6 @@ a {
} }
a:hover {text-decoration: underline;} a:hover {text-decoration: underline;}
.logo {
border-radius: 50%;
}
nav { nav {
position: fixed; position: fixed;
top: 0; top: 0;
@ -84,7 +80,6 @@ nav a.active {
} }
nav img { nav img {
height: 2rem; height: 2rem;
border: .1rem solid white;
} }
ul {list-style-type: "–"} ul {list-style-type: "–"}

15
src/static/svg/logo-border.svg
View file

@ -1,15 +0,0 @@
<svg version="1.1"
width="100"
height="100"
xmlns="http://www.w3.org/2000/svg">
<path fill="#8ac149" stroke="black" stroke-width="2" d="M 60 40
Q 80 45 75 55
Q 75 50 55 50"/>
<path fill="white" stroke="black" stroke-width="2" d="M 10,100
v -50
a 25 25 0 0 1 25 -25
c 10 0 20 12 25 15
l -5 10
C 30 50 40 55 45 100"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 344 B

35
src/static/svg/logo.svg
View file

@ -2,14 +2,31 @@
width="100" width="100"
height="100" height="100"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<defs>
<rect id="basemask" x="0" y="0" width="100" height="100" />
<path id="goa" d="M 60 40
Q 80 45 75 55
Q 75 50 55 50" transform="translate(8 0)" />
<path id="gob" d="M 10,100
v -50
a 25 25 0 0 1 25 -25
c 10 0 20 12 25 15
l -5 10
C 30 50 40 55 45 100" transform="translate(8 0)" />
</defs>
<path fill="#8ac149" stroke="#8ac149" stroke-width="2" d="M 60 40 <mask id="mask">
Q 80 45 75 55 <use href="#basemask" fill="black" />
Q 75 50 55 50"/> <circle cx="50" cy="50" r="50" fill="white" />
<path fill="white" stroke="white" stroke-width="2" d="M 10,100 </mask>
v -50 <mask id="mask-go">
a 25 25 0 0 1 25 -25 <use href="#basemask" fill="white" />
c 10 0 20 12 25 15 <use href="#goa" fill="black" />
l -5 10 <use href="#gob" fill="black" />
C 30 50 40 55 45 100"/> </mask>
<circle cx="50" cy="50" r="50" fill="black" mask="url(#mask-go)" />
<use href="#goa" fill="#8ac149" mask="url(#mask)" />
<use href="#gob" fill="white" mask="url(#mask)" />
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 346 B

After

Width:  |  Height:  |  Size: 847 B