Compare commits

...

5 Commits

Author SHA1 Message Date
411feef7c6 Remove unused img 2022-08-25 11:31:14 +02:00
d62632e709 CSS optimisations 2022-08-25 11:30:18 +02:00
7fb0993e33 Add Head Metadata 2022-08-25 10:30:35 +02:00
edcd512eaf Fill manifest.json 2022-08-25 10:30:06 +02:00
1fd695350f Update button style 2022-08-25 09:17:11 +02:00
11 changed files with 62 additions and 29 deletions

BIN
assets/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

BIN
assets/icon-192x192.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

BIN
assets/icon-256x256.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

BIN
assets/icon-384x384.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 219 KiB

BIN
assets/icon-512x512.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 352 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 203 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 180 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 MiB

View File

@ -12,10 +12,6 @@
background-color: var(--dark-1);
}
.bg-dark-2 {
background-color: var(--dark-2);
}
.bg-dark-3 {
background-color: var(--dark-3);
}
@ -55,11 +51,12 @@ a:hover {
/* Button */
.btn {
border-radius: 30px;
border-width: 2px;
font-size: 20px;
font-weight: 500;
overflow: hidden;
border-color: var(--accent);
background-color: var(--accent);
background-color: rgba(216, 126, 39, 0.40);
color: white;
}
@ -111,17 +108,22 @@ a:hover {
padding: 4rem;
}
.divider {
height: 0.2rem !important;
max-width: 3.25rem;
margin: 1.5rem auto;
background-color: var(--accent);
opacity: 1;
}
.badge:hover {
background-color: white;
color: black;
}
.modal-content {
background-color: var(--dark-2);
}
/* Header Section */
@media (min-width: 992px) {
header.masthead {
height: 100vh;
@ -151,11 +153,13 @@ a:hover {
align-content: center;
}
}
/* ------------ */
/* About Section */
.about {
background-color: var(--dark-2);
}
/* ------------ */
/* Skills Section */
.skills {
@ -166,6 +170,7 @@ a:hover {
color: var(--accent);
background-color: var(--accent);
}
/* ------------ */
/* Projects Section */
.projects {
@ -213,6 +218,11 @@ a:hover {
justify-content: center;
}
.modal-content {
background-color: var(--dark-2);
}
/* ------------ */
/* Footer Section */
.footer {
background-color: var(--dark-1);
@ -232,19 +242,7 @@ a:hover {
.social{
margin-bottom: 2rem;
}
/* ------------------------------------- */
.text-white-75 {
color: rgba(255, 255, 255, 0.75) !important;
}
.divider {
height: 0.2rem !important;
max-width: 3.25rem;
margin: 1.5rem auto;
background-color: var(--accent);
opacity: 1;
}
/* ------------ */
/* Scrollbar */
::-webkit-scrollbar {
@ -256,4 +254,5 @@ a:hover {
}
::-webkit-scrollbar-track{
background: transparent;
}
}
/* ------------ */

View File

@ -7,22 +7,24 @@
<meta name="description" content="d3vyce.fr Site" />
<meta name="author" content="d3vyce - Nicolas Sudres" />
<title>Home • d3vyce.fr</title>
<!-- Favicon-->
<!-- Manifest -->
<link rel="manifest" href="manifest.json">
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Boostrap-->
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
<!-- Boostrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Custom CSS-->
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mouse.css">
<link rel="stylesheet" href="css/timeline.css">
<!-- Awesome Font-->
<!-- Awesome Font -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Bootstrap Icons-->
<!-- Bootstrap Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Roboto Font -->
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- Home -->

View File

@ -0,0 +1,32 @@
{
"theme_color": "#D87E27",
"background_color": "#041C32",
"display": "browser",
"scope": "/",
"start_url": "/",
"name": "d3vyce.fr",
"short_name": "d3vyce",
"description": "d3vyce personal website",
"icons": [
{
"src": "/assets/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/assets/icon-256x256.png",
"sizes": "256x256",
"type": "image/png"
},
{
"src": "/assets/icon-384x384.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "/assets/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}