yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 12:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

added font in index html, added style for main gamemode card

Browse Source
This commit is contained in:
Kostya
2023-11-15 22:13:19 +03:00
parent 5832384d94
commit 549757ad29
3 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
luckydiamond/public/index.html
View File

@@ -5,6 +5,9 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Poppins:wght@400;600&family=Press+Start+2P&display=swap" rel="stylesheet">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>

BIN
luckydiamond/src/assets/icons-gamemode/diamond-icon-main.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

19
luckydiamond/src/pages/HomePage.vue
View File

@@ -33,7 +33,8 @@
:key="mode.id"
>
<div class="line__content" style="margin: 16px 38px 0px 0px" :id="'maincard-' + mode.id">
{{ mode.title }}
<h1>{{ mode.title }}</h1>
<img src="../assets/icons-gamemode/diamond-icon-main.png">
</div>
</li>
</ul>
@@ -216,4 +217,20 @@ export default {
.gamemode__line--two #linetwo-5 {
background: url("../assets/bg-gamemode/bg-mg.png");
}
.gamemode__main .line__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding-top: 5px;
}
.gamemode__main .line__content h1 {
text-shadow: 6px 12px 9px rgba(0, 0, 0, 0.25);
font-family: 'Press Start 2P';
font-size: 64px;
color: #FFB400;
text-transform: uppercase;
}
</style>