Compare commits
No commits in common. "411feef7c69d42541e137a22919abe67d85e568e" and "0b1ea63abc8c7afb6bec2cfaca6434c78edecdd1" have entirely different histories.
411feef7c6
...
0b1ea63abc
Before Width: | Height: | Size: 52 KiB |
Before Width: | Height: | Size: 68 KiB |
Before Width: | Height: | Size: 110 KiB |
Before Width: | Height: | Size: 219 KiB |
Before Width: | Height: | Size: 352 KiB |
BIN
assets/img/error.png
Normal file
After Width: | Height: | Size: 203 KiB |
BIN
assets/img/profil.png
Normal file
After Width: | Height: | Size: 180 KiB |
BIN
assets/img/profil_about.png
Normal file
After Width: | Height: | Size: 2.9 MiB |
@ -12,6 +12,10 @@
|
|||||||
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);
|
||||||
}
|
}
|
||||||
@ -51,12 +55,11 @@ 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: rgba(216, 126, 39, 0.40);
|
background-color: var(--accent);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -108,22 +111,17 @@ 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;
|
||||||
@ -153,13 +151,11 @@ 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 {
|
||||||
@ -170,7 +166,6 @@ a:hover {
|
|||||||
color: var(--accent);
|
color: var(--accent);
|
||||||
background-color: var(--accent);
|
background-color: var(--accent);
|
||||||
}
|
}
|
||||||
/* ------------ */
|
|
||||||
|
|
||||||
/* Projects Section */
|
/* Projects Section */
|
||||||
.projects {
|
.projects {
|
||||||
@ -218,11 +213,6 @@ 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);
|
||||||
@ -242,7 +232,19 @@ 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 {
|
||||||
@ -255,4 +257,3 @@ a:hover {
|
|||||||
::-webkit-scrollbar-track{
|
::-webkit-scrollbar-track{
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
/* ------------ */
|
|
14
index.html
@ -7,24 +7,22 @@
|
|||||||
<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>
|
||||||
<!-- Manifest -->
|
<!-- Favicon-->
|
||||||
<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" />
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
|
<!-- Boostrap-->
|
||||||
<!-- 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 -->
|
||||||
|
@ -1,32 +0,0 @@
|
|||||||
{
|
|
||||||
"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"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|