d3vyce/d3vyce.fr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: d3vyce:0b1ea63abc8c7afb6bec2cfaca6434c78edecdd1
Branches Tags
d3vyce:master
d3vyce:dev
...
compare: d3vyce:411feef7c69d42541e137a22919abe67d85e568e
Branches Tags
d3vyce:master
d3vyce:dev

5 Commits
0b1ea63abc ... 411feef7c6

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

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

BIN
assets/icon-192x192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
assets/icon-256x256.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
assets/icon-384x384.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 219 KiB

BIN
assets/icon-512x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 352 KiB

BIN
assets/img/error.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 203 KiB

BIN
assets/img/profil.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 180 KiB

BIN
assets/img/profil_about.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 MiB

45
css/style.css
View File

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

14
index.html
View File

@ -7,22 +7,24 @@
<meta name="description" content="d3vyce.fr Site" /> <meta name="description" content="d3vyce.fr Site" />
<meta name="author" content="d3vyce - Nicolas Sudres" /> <meta name="author" content="d3vyce - Nicolas Sudres" />
<title>Home • d3vyce.fr</title> <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" /> <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"> <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> <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/style.css">
<link rel="stylesheet" href="css/mouse.css"> <link rel="stylesheet" href="css/mouse.css">
<link rel="stylesheet" href="css/timeline.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"> <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" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Roboto Font --> <!-- Roboto Font -->
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
</head> </head>
<body> <body>
<!-- Home --> <!-- Home -->

32
manifest.json
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"
}
]
}