edpibu/web2.0
1
Fork 0
Code Issues Activity

Add em & strong

Browse source
This commit is contained in:
Edgar P. Burkhart 2022-05-06 19:58:09 +02:00
parent 5c3d826e32
commit 945a466dc5
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
3 changed files with 23 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/index.html
View file

@ -7,6 +7,7 @@
<title>Edgar P. Burkhart</title> <title>Edgar P. Burkhart</title>
<link rel="icon" href="static/svg/logo-border.svg" />
<link rel="stylesheet" href="static/css/main.css" /> <link rel="stylesheet" href="static/css/main.css" />
</head> </head>
<body> <body>
@ -28,8 +29,8 @@
<h6>Hello World!</h6> <h6>Hello World!</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget
mollis odio, ac facilisis lorem. Sed elit ipsum, rhoncus quis tortor ut, mollis odio, ac facilisis lorem. <em>Sed elit ipsum</em>, rhoncus quis tortor ut,
gravida aliquam neque. Proin ex nisl, cursus auctor consequat ac, molestie gravida <strong>aliquam neque</strong>. Proin ex nisl, cursus auctor consequat ac, molestie
quis nunc. <a href="#">Proin</a> lectus neque, rhoncus eget tincidunt sit amet, quis nunc. <a href="#">Proin</a> lectus neque, rhoncus eget tincidunt sit amet,
sollicitudin in justo. Fusce lacinia augue odio, et accumsan purus pulvinar sollicitudin in justo. Fusce lacinia augue odio, et accumsan purus pulvinar
ac. Sed sagittis urna in ipsum faucibus congue. Maecenas gravida massa non ac. Sed sagittis urna in ipsum faucibus congue. Maecenas gravida massa non

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

@ -2,6 +2,7 @@
*, *::before, *::after { *, *::before, *::after {
box-sizing: border-box; box-sizing: border-box;
font-style: inherit;
} }
:root { :root {
@ -16,7 +17,7 @@
} }
body { body {
font-family: "Inter var", "Inter", sans-serif; font-family: "Inter var experimental", "Inter var", "Inter", sans-serif;
color: var(--text); color: var(--text);
margin: 0; margin: 0;
margin-top: 4rem; margin-top: 4rem;
@ -37,9 +38,9 @@ h4 {font-size: 1.2rem}
h5 {font-size: 1rem} h5 {font-size: 1rem}
h6 {font-size: .8rem} h6 {font-size: .8rem}
p { p {line-height: 1.3rem}
line-height: 1.3rem; em {font-variation-settings: 'slnt' -5}
} strong {font-weight: 550}
a { a {
color: var(--link); color: var(--link);

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

@ -0,0 +1,15 @@
<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

After

Width:  |  Height:  |  Size: 344 B