dadobos/The-Square-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
dadobos
2019-09-06 22:04:35 +02:00
parent 05a5de5891
commit 1ba5e27263
7 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+6 -4
View File
@@ -57,9 +57,9 @@ h2 {
} }
.inner-div { .inner-div {
-webkit-text-fill-color: white; -webkit-text-fill-color: white;
-webkit-text-stroke-width: 1px; -webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: black; -webkit-text-stroke-color: black;
background-color: rgb(26, 36, 36); background-color: orange;
opacity: 0.8; opacity: 0.8;
align-content: space-around; align-content: space-around;
left: 40%; left: 40%;
@@ -89,11 +89,13 @@ h2 {
@font-face { @font-face {
font-family: "Aldo the Apache"; font-family: "Aldo the Apache";
src: url("css/fonts/AldotheApache.woff") format("woff"); src: url("font/AldotheApache.woff") format("woff");
src: url("font/AldotheApache.ttf") format("ttf");
} }
@font-face { @font-face {
font-family: "eyelevation6"; font-family: "eyelevation6";
src: url("css/fonts/eyelevation6.woff") format("woff"); src: url("font/eyelevation6.woff") format("woff");
src: url("font/eyelevation6.ttf") format("ttf");
} }
/* The Overlay (background) */ /* The Overlay (background) */
font/AldotheApache.ttf
BIN
View File
Binary file not shown.
css/fonts/AldotheApache.woff → font/AldotheApache.woff
View File
font/eyelevation6.ttf
BIN
View File
Binary file not shown.
css/fonts/eyelevation6.woff → font/eyelevation6.woff
View File
index.html
+6 -7
View File
@@ -10,14 +10,13 @@
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
<body> <body>
<!-- particles.js container --> <!-- particles.js container -->
<div id="particles-js"></div> <div id="particles-js"></div>
<!-- particles.js lib - https://github.com/VincentGarreau/particles.js -->
<!-- <script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> -->
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
@@ -26,11 +25,11 @@
<h2 style="font-family: 'Aldo the Apache'">to the fun side</h2> <h2 style="font-family: 'Aldo the Apache'">to the fun side</h2>
</div> </div>
<div class="col-md-8 outer-div"> <div class="col-md-8 outer-div">
<div onclick="openNav1(TheSquare)" class="row inner-div" style="font-family:'Aldo the Apache'"> <div onclick="openNav1(TheSquare)" class="row inner-div" style="font-family: 'Aldo the Apache'">
The Square The Square
</div> </div>
<div onclick="openNav2(AltSquare)" class="row inner-div" style="font-family: 'Aldo the Apache'"> <div onclick="openNav2(AltSquare)" class="row inner-div">
<b style="font-family: 'eyelevation6'">Alt </b> &nbsp;Square <b style="font-family: 'eyelevation6'">Alt </b> <b style="font-family: 'Aldo the Apache'">Square</b>
</div> </div>
<div onclick="openNav3(Glod)" class="row inner-div" style="font-family: 'eyelevation6'"> <div onclick="openNav3(Glod)" class="row inner-div" style="font-family: 'eyelevation6'">
Glod Glod
@@ -215,8 +214,8 @@
</div> </div>
<!-- Optional JavaScript --> <!-- Optional JavaScript -->
<script src="js/script.js"></script>
<script src="js/particles.min.js"></script> <script src="js/particles.min.js"></script>
<script src="js/script.js"></script>
<script src="https://kit.fontawesome.com/0eb0b05fee.js"></script> <script src="https://kit.fontawesome.com/0eb0b05fee.js"></script>
js/script.js
+8 -1
View File
@@ -128,6 +128,13 @@ particlesJS('particles-js',
} }
}, },
"retina_detect": true, "retina_detect": true,
"config_demo": {
"hide_card": false,
"background_color": "#b61924",
"background_image": "",
"background_position": "50% 50%",
"background_repeat": "no-repeat",
"background_size": "cover"
}
} }
); );