Skip to content

Commit 4dc414b

Browse files
EDM115EDM115
committed
chore: simplify
1 parent 5c8175f commit 4dc414b

File tree

9 files changed

+59
-307
lines changed

9 files changed

+59
-307
lines changed

‎index.html

+27-5
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,32 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html prefix="og: https://ogp.me/ns/website#" lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<link rel="icon" href="/favicon.ico">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>EDM115</title>
4+
<meta
5+
property="og:title"
6+
content="EDM115 - French dev/student/gamer/music producer"
7+
/>
8+
<meta property="og:type" content="website" />
9+
<meta property="og:url" content="https://edm115.dev/" />
10+
<meta
11+
property="og:image"
12+
content="https://telegra.ph/file/f7a05fad6fb537b58fd51.png"
13+
/>
14+
<meta
15+
property="og:description"
16+
content="Here is my website, where you can finf all informations about me"
17+
/>
18+
<meta property="og:locale" content="en_US" />
19+
<meta charset="UTF-8" />
20+
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
21+
22+
<title>EDM115 - French dev/student/gamer/music producer</title>
23+
<meta
24+
content="Here is my website, where you can finf all informations about me"
25+
name="description"
26+
/>
27+
<meta content="edm115, dev, java, python, french" name="keywords" />
28+
<link rel="icon" href="/favicon.png">
29+
<link rel="apple-touch-icon" href="/favicon.png">
830
</head>
931
<body>
1032
<div id="app"></div>

‎public/favicon.ico

-4.19 KB
Binary file not shown.

‎public/favicon.png

90.7 KB
Loading

‎src/App.vue

+15-72
Original file line numberDiff line numberDiff line change
@@ -1,88 +1,31 @@
11
<template>
2-
<header>
3-
<img
4-
alt="Vue logo"
5-
class="logo"
6-
src="@/assets/img/profile-img.jpg"
7-
width="125"
8-
height="125"
9-
>
10-
11-
<div class="wrapper">
12-
<nav>
2+
<v-app>
3+
<v-main>
4+
<img
5+
alt="Logo"
6+
class="logo"
7+
src="@/assets/img/profile-img.jpg"
8+
width="125"
9+
height="125"
10+
>
11+
12+
<div class="wrapper">
1313
<RouterLink to="/">
1414
Home
1515
</RouterLink>
1616
<RouterLink to="/about">
1717
About
1818
</RouterLink>
19-
</nav>
20-
</div>
21-
</header>
19+
</div>
2220

23-
<RouterView />
21+
<RouterView />
22+
</v-main>
23+
</v-app>
2424
</template>
2525

2626
<style scoped>
27-
header {
28-
line-height: 1.5;
29-
max-height: 100vh;
30-
}
31-
3227
.logo {
3328
display: block;
3429
margin: 0 auto 2rem;
3530
}
36-
37-
nav {
38-
width: 100%;
39-
font-size: 12px;
40-
text-align: center;
41-
margin-top: 2rem;
42-
}
43-
44-
nav a.router-link-exact-active {
45-
color: var(--color-text);
46-
}
47-
48-
nav a.router-link-exact-active:hover {
49-
background-color: transparent;
50-
}
51-
52-
nav a {
53-
display: inline-block;
54-
padding: 0 1rem;
55-
border-left: 1px solid var(--color-border);
56-
}
57-
58-
nav a:first-of-type {
59-
border: 0;
60-
}
61-
62-
@media (min-width: 1024px) {
63-
header {
64-
display: flex;
65-
place-items: center;
66-
padding-right: calc(var(--section-gap) / 2);
67-
}
68-
69-
.logo {
70-
margin: 0 2rem 0 0;
71-
}
72-
73-
header .wrapper {
74-
display: flex;
75-
place-items: flex-start;
76-
flex-wrap: wrap;
77-
}
78-
79-
nav {
80-
text-align: left;
81-
margin-left: -1rem;
82-
font-size: 1rem;
83-
84-
padding: 1rem 0;
85-
margin-top: 1rem;
86-
}
87-
}
8831
</style>

‎src/components/WelcomeItem.vue

-86
This file was deleted.

‎src/components/icons/IconEcosystem.vue

-12
This file was deleted.

‎src/main.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ app.use(createVuetify({
2020
},
2121
ssr: false,
2222
theme: {
23-
defaultTheme: "light",
23+
defaultTheme: "dark",
2424
themes: {
2525
dark: {
2626
colors: {

‎src/styles/settings.scss

+1-119
Original file line numberDiff line numberDiff line change
@@ -10,123 +10,5 @@ body {
1010
margin: 0;
1111
overflow: hidden;
1212
overflow-y: hidden;
13-
14-
min-height: 100vh;
15-
color: var(--color-text);
16-
background: var(--color-background);
17-
transition:
18-
color 0.5s,
19-
background-color 0.5s;
20-
line-height: 1.6;
21-
font-family:
22-
Inter,
23-
-apple-system,
24-
BlinkMacSystemFont,
25-
"Segoe UI",
26-
Roboto,
27-
Oxygen,
28-
Ubuntu,
29-
Cantarell,
30-
"Fira Sans",
31-
"Droid Sans",
32-
"Helvetica Neue",
33-
sans-serif;
34-
font-size: 15px;
35-
text-rendering: optimizeLegibility;
36-
-webkit-font-smoothing: antialiased;
37-
-moz-osx-font-smoothing: grayscale;
38-
}
39-
40-
/* color palette from <https://github.com/vuejs/theme> */
41-
:root {
42-
--vt-c-white: #ffffff;
43-
--vt-c-white-soft: #f8f8f8;
44-
--vt-c-white-mute: #f2f2f2;
45-
46-
--vt-c-black: #181818;
47-
--vt-c-black-soft: #222222;
48-
--vt-c-black-mute: #282828;
49-
50-
--vt-c-indigo: #2c3e50;
51-
52-
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
53-
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
54-
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
55-
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
56-
57-
--vt-c-text-light-1: var(--vt-c-indigo);
58-
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
59-
--vt-c-text-dark-1: var(--vt-c-white);
60-
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
61-
}
62-
63-
/* semantic color variables for this project */
64-
:root {
65-
--color-background: var(--vt-c-white);
66-
--color-background-soft: var(--vt-c-white-soft);
67-
--color-background-mute: var(--vt-c-white-mute);
68-
69-
--color-border: var(--vt-c-divider-light-2);
70-
--color-border-hover: var(--vt-c-divider-light-1);
71-
72-
--color-heading: var(--vt-c-text-light-1);
73-
--color-text: var(--vt-c-text-light-1);
74-
75-
--section-gap: 160px;
76-
}
77-
78-
@media (prefers-color-scheme: dark) {
79-
:root {
80-
--color-background: var(--vt-c-black);
81-
--color-background-soft: var(--vt-c-black-soft);
82-
--color-background-mute: var(--vt-c-black-mute);
83-
84-
--color-border: var(--vt-c-divider-dark-2);
85-
--color-border-hover: var(--vt-c-divider-dark-1);
86-
87-
--color-heading: var(--vt-c-text-dark-1);
88-
--color-text: var(--vt-c-text-dark-2);
89-
}
90-
}
91-
92-
*,
93-
*::before,
94-
*::after {
95-
box-sizing: border-box;
96-
margin: 0;
97-
font-weight: normal;
98-
}
99-
100-
#app {
101-
max-width: 1280px;
102-
margin: 0 auto;
103-
padding: 2rem;
104-
105-
font-weight: normal;
106-
}
107-
108-
a,
109-
.green {
110-
text-decoration: none;
111-
color: hsla(160, 100%, 37%, 1);
112-
transition: 0.4s;
113-
}
114-
115-
@media (hover: hover) {
116-
a:hover {
117-
background-color: hsla(160, 100%, 37%, 0.2);
118-
}
119-
}
120-
121-
@media (min-width: 1024px) {
122-
body {
123-
display: flex;
124-
place-items: center;
125-
}
126-
127-
#app {
128-
display: grid;
129-
grid-template-columns: 1fr 1fr;
130-
padding: 0 2rem;
131-
}
13+
font-family: Nunito;
13214
}

0 commit comments

Comments
 (0)