First push

This commit is contained in:
√(noham)² 2022-12-21 00:15:57 +01:00
commit f4493855a7
121 changed files with 3307 additions and 0 deletions
.gitattributes
assets
css

2
.gitattributes vendored Normal file

@ -0,0 +1,2 @@
# Auto detect text files and perform LF normalization
* text=auto

Binary file not shown.

After

(image error) Size: 1.4 MiB

Binary file not shown.

After

(image error) Size: 3.8 MiB

Binary file not shown.

After

(image error) Size: 4.5 MiB

Binary file not shown.

After

(image error) Size: 3.7 MiB

Binary file not shown.

After

(image error) Size: 4.1 MiB

Binary file not shown.

After

(image error) Size: 1.6 MiB

Binary file not shown.

After

(image error) Size: 3.1 MiB

Binary file not shown.

After

(image error) Size: 494 KiB

Binary file not shown.

After

(image error) Size: 2.9 MiB

Binary file not shown.

After

(image error) Size: 2.8 MiB

Binary file not shown.

After

(image error) Size: 2.8 MiB

Binary file not shown.

After

(image error) Size: 1.9 MiB

Binary file not shown.

After

(image error) Size: 1000 KiB

Binary file not shown.

After

(image error) Size: 1.4 MiB

Binary file not shown.

After

(image error) Size: 1.5 MiB

Binary file not shown.

After

(image error) Size: 3.3 MiB

Binary file not shown.

After

(image error) Size: 3.9 MiB

Binary file not shown.

After

(image error) Size: 1.7 MiB

Binary file not shown.

After

(image error) Size: 1.4 MiB

Binary file not shown.

After

(image error) Size: 1.5 MiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

(image error) Size: 1.6 MiB

Binary file not shown.

Binary file not shown.

After

(image error) Size: 512 KiB

Binary file not shown.

After

(image error) Size: 2.9 MiB

Binary file not shown.

After

(image error) Size: 1.4 MiB

Binary file not shown.

After

(image error) Size: 2.8 MiB

Binary file not shown.

After

(image error) Size: 2.8 MiB

Binary file not shown.

After

(image error) Size: 1.9 MiB

Binary file not shown.

After

(image error) Size: 238 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

(image error) Size: 7.9 MiB

Binary file not shown.

After

(image error) Size: 6.1 MiB

Binary file not shown.

After

(image error) Size: 3.9 MiB

Binary file not shown.

After

(image error) Size: 5.8 MiB

Binary file not shown.

After

(image error) Size: 9.1 MiB

Binary file not shown.

After

(image error) Size: 13 MiB

Binary file not shown.

After

(image error) Size: 11 MiB

Binary file not shown.

After

(image error) Size: 9.1 MiB

Binary file not shown.

After

(image error) Size: 12 MiB

Binary file not shown.

After

(image error) Size: 7.3 MiB

Binary file not shown.

After

(image error) Size: 4.6 MiB

Binary file not shown.

After

(image error) Size: 4.4 MiB

Binary file not shown.

After

(image error) Size: 4.8 MiB

Binary file not shown.

After

(image error) Size: 4.3 MiB

Binary file not shown.

After

(image error) Size: 10 MiB

Binary file not shown.

After

(image error) Size: 5.2 MiB

Binary file not shown.

After

(image error) Size: 5.4 MiB

Binary file not shown.

After

(image error) Size: 5.0 MiB

Binary file not shown.

After

(image error) Size: 2.2 MiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

(image error) Size: 13 MiB

Binary file not shown.

Binary file not shown.

After

(image error) Size: 437 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

(image error) Size: 86 KiB

Binary file not shown.

After

(image error) Size: 117 KiB

Binary file not shown.

After

(image error) Size: 130 KiB

Binary file not shown.

After

(image error) Size: 85 KiB

Binary file not shown.

After

(image error) Size: 2.8 MiB

Binary file not shown.

After

(image error) Size: 1.9 MiB

BIN
assets/Cover/Elephant.JPG Normal file

Binary file not shown.

After

(image error) Size: 1.4 MiB

BIN
assets/Cover/Lampe.PNG Normal file

Binary file not shown.

After

(image error) Size: 12 MiB

BIN
assets/icon.ico Normal file

Binary file not shown.

After

(image error) Size: 182 KiB

Binary file not shown.

After

(image error) Size: 192 KiB

Binary file not shown.

After

(image error) Size: 10 KiB

BIN
assets/icon/Lampe/1.png Normal file

Binary file not shown.

After

(image error) Size: 5.8 KiB

BIN
assets/icon/Lampe/Lampe.ico Normal file

Binary file not shown.

After

(image error) Size: 198 KiB

BIN
assets/icon/Lampe/Lampe.png Normal file

Binary file not shown.

After

(image error) Size: 100 KiB

BIN
assets/social/github.png Normal file

Binary file not shown.

After

(image error) Size: 10 KiB

BIN
assets/social/insta.png Normal file

Binary file not shown.

After

(image error) Size: 4.1 KiB

BIN
assets/social/twitter.png Normal file

Binary file not shown.

After

(image error) Size: 2.8 KiB

BIN
assets/web/arrow-left.png Normal file

Binary file not shown.

After

(image error) Size: 1.1 KiB

BIN
assets/web/arrow-right.png Normal file

Binary file not shown.

After

(image error) Size: 1.1 KiB

408
css/about.css Normal file

@ -0,0 +1,408 @@
:root {
--background-color: rgb(0, 0, 0);
--border-color: rgba(255, 255, 255, 0.377);
--highlight-color: rgb(126, 87, 194);
}
body {
background-color: var(--background-color);
display: flex;
flex-direction: column;
height: 100vh;
margin: 0px;
overflow: hidden;
}
* {
box-sizing: border-box;
}
/* a {
text-decoration: none;
} */
/* a:hover {
color: var(--highlight-color);
} */
nav {
display: flex;
width: 100%;
border-bottom: 1px solid var(--border-color);
}
nav .nav-section {
padding: 3rem 2rem;
display: flex;
gap: 1rem;
border-left: 1px solid var(--border-color);
align-items: center;
justify-content: center;
}
#nav-mobile-section {
display: flex;
flex-basis: calc(100% * (2 / 3));
z-index: 2;
}
/* #nav-toggle-button {
align-items: center;
background-color: transparent;
border: none;
border-left: 1px solid var(--border-color);
color: white;
cursor: pointer;
display: none;
gap: 0.8rem;
height: 100%;
justify-content: center;
outline: none;
padding: 0rem 3rem;
position: relative;
z-index: 3;
} */
/* #nav-toggle-button:hover,
#nav-toggle-button:hover>span {
color: var(--highlight-color);
} */
/* #nav-toggle-button>span,
#nav-toggle-button>i {
display: inline-block;
height: 1rem;
line-height: 1rem;
} */
#nav-social-section,
#nav-contact-section {
flex-grow: 1;
}
#nav-logo-section {
flex-basis: calc(100% / 3);
/* justify-content: flex-start; */
}
/* #nav-logo-section>a>i {
font-size: 2.5rem;
} */
/* #nav-link-section {
flex-basis: 50%;
gap: 6rem;
} */
#nav-social-section {
gap: 3rem;
}
main {
flex-grow: 1;
position: relative;
overflow: hidden;
}
/* main>article {
height: 100%;
width: 100%;
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: 2fr 1fr;
position: absolute;
left: 0px;
top: 0px;
transition: transform 400ms ease;
} */
/* main>article[data-status="inactive"] {
transform: translateX(-100%);
transition: none;
} */
/* main>article>.article-description-section,
main>article>.article-nav-section {
border-left: 1px solid var(--border-color);
} */
/* main>article>.article-title-section,
main>article>.article-nav-section {
border-top: 1px solid var(--border-color);
} */
/* main>article:first-child>.article-image-section {
background-image: url(../assets/Article/Elephant/IMG_0335.JPG);
}
main>article>.article-image-section {
background-position: center;
background-size: cover;
}
main>article>.article-description-section {
flex-direction: column;
justify-content: flex-end;
padding: 4rem;
}
main>article>.article-description-section>p {
color: rgba(255, 255, 255, 0.5);
font-size: 1.25em;
}
main>article>.article-description-section>p>a:hover {
text-decoration: underline;
} */
main>article>.article-title-section {
align-items: center;
justify-content: space-between;
padding: 2rem 4rem;
}
/* main>article>.article-title-section * {
color: white;
} */
/* main>article>.article-title-section>i {
color: rgba(255, 255, 255, 0.75);
font-size: 4rem;
} */
/* main>article>.article-nav-section>.article-nav-button {
background-color: transparent;
flex-grow: 1;
border: none;
outline: none;
color: rgba(255, 255, 255, 0.75);
font-size: 3rem;
cursor: pointer;
}
main>article>.article-nav-section>.article-nav-button:hover {
background-color: rgba(255, 255, 255, 0.02);
}
main>article>.article-nav-section>.article-nav-button:nth-child(2) {
border-left: 1px solid var(--border-color);
} */
/* @media(max-width: 1200px) {
#nav-mobile-section {
flex-basis: calc(100% * 0.75);
}
#nav-logo-section {
flex-basis: calc(100% * 0.25);
}
#nav-link-section {
flex-basis: calc(100% / 3);
gap: 3rem;
}
main {
overflow-y: auto;
}
main>article {
grid-template-columns: none;
grid-template-rows: 1.5fr repeat(3, 0.75fr) 0.25fr;
height: max(900px, 100%);
} */
/* main>article>.article-title-section>h2 {
font-size: 3rem;
line-height: 2.6rem;
} */
/* main>article>.article-title-section>i {
font-size: 3rem;
} */
/* main>article>.article-description-section,
main>article>.article-nav-section {
border-left: none;
} */
/* main>article>.article-image-section {
order: 1;
} */
/* main>article>.article-title-section {
border-bottom: 1px solid var(--border-color);
order: 1;
} */
/* main>article>.article-description-section {
justify-content: center;
order: 3;
} */
/* main>article>.article-nav-section {
border-bottom: 1px solid var(--border-color);
order: 4;
}
*/
/* @media(max-width: 800px) {
nav {
justify-content: space-between;
}
nav[data-toggled="true"]>#nav-mobile-section {
transform: translateY(0%);
}
nav[data-toggled="true"]>#nav-toggle-button {
border-left: none;
}
nav[data-transitionable="true"]>#nav-mobile-section {
transition: transform 400ms ease;
}
nav .nav-section {
border-left: none;
padding: 1.5rem 1rem;
}
#nav-logo-section>a>i {
font-size: 1.5rem;
margin-left: 1rem;
}
#nav-mobile-section {
background-color: var(--background-color);
flex-direction: column;
height: 100vh;
width: 100vw;
position: fixed;
transform: translateY(-100%);
}
#nav-toggle-button {
display: flex;
}
#nav-link-section {
flex-basis: 60%;
flex-direction: column;
gap: 4rem;
}
#nav-link-section>a {
font-size: 3rem;
}
#nav-social-section>a {
font-size: 2rem;
}
#nav-contact-section {
padding-bottom: 4rem;
}
main>article {
grid-template-rows: 1fr repeat(4, 0.5fr);
height: max(700px, 100%);
} */
/* main>article>.article-title-section {
padding: 2rem;
} */
/* main>article>.article-title-section>h1,
h2 {
flex-basis: 70%;
font-size: 1.75em;
line-height: 1.5rem;
} */
/*
main>article>.article-title-section>i {
font-size: 2rem;
} */
/* main>article>.article-description-section {
padding: 2rem;
} */
/* main>article>.article-description-section>p {
font-size: 1rem;
} */
/* -- YT link / Source link styles -- */
/* main>article>.article-description-section>p>.source-link {
color: var(--highlight-color);
display: inline;
} */
/* main>article .yt-link,
main>article .yt-link>i {
color: var(--yt-color);
display: inline;
} */
#logo {
border-radius: 40px;
}
/*
h1,
h2,
h3,
a,
p,
span {
font-family: "Rubik", sans-serif;
font-weight: 400;
color: white;
margin: 0px;
} */
h1 {
font-family: "Rubik", sans-serif;
font-weight: 400;
color: white;
/* margin: 0px; */
font-size: 50px;
text-transform: uppercase;
text-align: center;
}
h2 {
font-family: "Rubik", sans-serif;
font-weight: 400;
color: white;
/* margin: 0px; */
flex-basis: 50%;
font-size: 30px;
text-align: center;
}
.Noham {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 50px;
color: rgb(252, 227, 196);
}
footer {
font-size: large;
color: aliceblue;
text-align: center;
padding-bottom: 30px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

110
css/elephant.css Normal file

@ -0,0 +1,110 @@
:root {
--background-color: rgb(0, 0, 0);
--border-color: rgba(255, 255, 255, 0.377);
--highlight-color: rgb(126, 87, 194);
}
body {
background-color: var(--background-color);
display: flex;
flex-direction: column;
height: 100vh;
margin: 0px;
overflow: hidden;
}
* {
box-sizing: border-box;
}
nav {
display: flex;
width: 100%;
border-bottom: 1px solid var(--border-color);
}
nav .nav-section {
padding: 3rem 2rem;
display: flex;
gap: 1rem;
border-left: 1px solid var(--border-color);
align-items: center;
justify-content: center;
}
#nav-mobile-section {
display: flex;
flex-basis: calc(100% * (2 / 3));
z-index: 2;
}
#nav-social-section,
#nav-contact-section {
flex-grow: 1;
}
#nav-logo-section {
flex-basis: calc(100% / 3);
/* justify-content: flex-start; */
}
#nav-social-section {
gap: 3rem;
}
main {
flex-grow: 1;
position: relative;
overflow: hidden;
}
main>article>.article-title-section {
align-items: center;
justify-content: space-between;
padding: 2rem 4rem;
}
#logo {
border-radius: 40px;
}
h1 {
font-family: "Rubik", sans-serif;
font-weight: 400;
color: white;
/* margin: 0px; */
font-size: 50px;
text-transform: uppercase;
text-align: center;
}
h2 {
font-family: "Rubik", sans-serif;
font-weight: 400;
color: white;
/* margin: 0px; */
flex-basis: 50%;
font-size: 30px;
text-align: center;
}
.Noham {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 50px;
color: rgb(252, 227, 196);
}
footer {
font-size: large;
color: aliceblue;
text-align: center;
padding-bottom: 30px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}

Some files were not shown because too many files have changed in this diff Show More