Octavia/odin-rock-paper-scissors
Watch
1
0
Fork
You've already forked odin-rock-paper-scissors
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add fonts and move styles to styles folder

Browse source
This commit is contained in:
lolabird 2023-12-31 16:45:41 -07:00
commit 0f5528f328
15 changed files with 42 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
fonts/Purisa-Bold.ttf Normal file
View file

Binary file not shown.

BIN
fonts/Purisa-Bold.woff Normal file
View file

Binary file not shown.

BIN
fonts/Purisa-Bold.woff2 Normal file
View file

Binary file not shown.

BIN
fonts/Purisa-BoldOblique.ttf Normal file
View file

Binary file not shown.

BIN
fonts/Purisa-BoldOblique.woff Normal file
View file

Binary file not shown.

BIN
fonts/Purisa-BoldOblique.woff2 Normal file
View file

Binary file not shown.

BIN
fonts/Purisa-Oblique.ttf Normal file
View file

Binary file not shown.

BIN
fonts/Purisa-Oblique.woff Normal file
View file

Binary file not shown.

BIN
fonts/Purisa-Oblique.woff2 Normal file
View file

Binary file not shown.

BIN
fonts/Purisa.ttf Normal file
View file

Binary file not shown.

BIN
fonts/Purisa.woff Normal file
View file

Binary file not shown.

BIN
fonts/Purisa.woff2 Normal file
View file

Binary file not shown.

3
index.html
View file

@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Odin Project: Rock Paper Scissors</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="./styles/style.css">
<link rel="stylesheet" href="./styles/fonts.css">
</head>
<body>
<header><h1>Rock Paper Scissors</h1></header>

36
styles/fonts.css Normal file
View file

@ -0,0 +1,36 @@
@font-face {
font-family: "Purisa-Bold";
src: url("../fonts/Purisa-Bold.ttf") format("truetype"),
url("../fonts/Purisa-Bold.woff") format("woff"),
url("../fonts/Purisa-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Purisa-BoldOblique";
src: url("../fonts/Purisa-BoldOblique.ttf") format("truetype"),
url("../fonts/Purisa-BoldOblique.woff") format("woff"),
url("../fonts/Purisa-BoldOblique.woff2") format("woff2");
font-weight: 700;
font-style: oblique;
}
@font-face {
font-family: "Purisa-Oblique";
src: url("../fonts/Purisa-Oblique.ttf") format("truetype"),
url("../fonts/Purisa-Oblique.woff") format("woff"),
url("../fonts/Purisa-Oblique.woff2") format("woff2");
font-weight: 400;
font-style: oblique;
}
@font-face {
font-family: "Purisa";
src: url("../fonts/Purisa.ttf") format("truetype"),
url("../fonts/Purisa.woff") format("woff"),
url("../fonts/Purisa.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}

8
style.css → styles/style.css
View file

@ -1,5 +1,5 @@
body {
background-image: url("./images/paper-5985445_1920.jpg");
background-image: url("../images/paper-5985445_1920.jpg");
background-size: cover;
background-color: rgb(221, 125, 104);
color: #eee;
@ -45,21 +45,21 @@ main {
}
#rock {
background-image: url("./images/rocks-576653_640.png");
background-image: url("../images/rocks-576653_640.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
#paper {
background-image: url("./images/certificate-154169_640.png");
background-image: url("../images/certificate-154169_640.png");
background-size: contain;
background-repeat: no-repeat;
background-position-x: center;
}
#scissors {
background-image: url("./images/school-1555907_640.png");
background-image: url("../images/school-1555907_640.png");
background-size: contain;
background-repeat: no-repeat;
background-position-x: center;