nclazz
/
www.nclazz.de
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

construction site

master
Niclas Thobaben 2021-12-25 15:09:32 +01:00
parent 322d8f873b
commit a503a727f2
7 changed files with 80 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
.idea/.gitignore vendored 100644
View File

@ -0,0 +1,8 @@
# Default ignored files
/shelf/
/workspace.xml
# Datasource local storage ignored files
/../../../../../../:\nclazz.de\src\www\www.nclazz.de\.idea/dataSources/
/dataSources.local.xml
# Editor-based HTTP Client requests
/httpRequests/

6
.idea/misc.xml 100644
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectRootManager" version="2" languageLevel="JDK_12" project-jdk-name="12" project-jdk-type="JavaSDK">
<output url="file://$PROJECT_DIR$/out" />
</component>
</project>

8
.idea/modules.xml 100644
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/www.nclazz.de.iml" filepath="$PROJECT_DIR$/.idea/www.nclazz.de.iml" />
</modules>
</component>
</project>

6
.idea/vcs.xml 100644
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="" vcs="Git" />
</component>
</project>

9
.idea/www.nclazz.de.iml 100644
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="JAVA_MODULE" version="4">
<component name="NewModuleRootManager" inherit-compiler-output="true">
<exclude-output />
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

47
index.html
View File

@ -27,43 +27,46 @@
<header>
<img src="img/logo_light.png" alt="nclazz logo">
</header>
<nav>
<nav class="fhw-slide">
<ul>
<li class="entry"><a href="#">about-me <b class="attribute">msg=<i>"Who am I?"</i></b></a></li>
<li class="entry"><a href="#">skills-and-services <b class="attribute">msg=<i>"What do i offer?"</i></b></a></li>
<li>
<ul>
<li class="entry">sub</li>
</ul>
</li>
<li class="entry"><a href="#">contact-me <b class="attribute">msg=<i>"Get in touch with me!"</i></b></a></li>
<li class="entry"><a href="#en">english</a></li>
<li class="entry"><a href="#de">deutsch</a></li>
</ul>
</nav>
<main>
<section>
<h1>About me</h1>
<section id="en" class="fhw-slide">
<h1>Welcome at the construction site!</h1>
<article>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p><br>
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p><br>
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p> Soon you will find information about me and my work as a software developer.
Going-Live is planned to be on <b>7th February 2022</b>
</p><br><br>
<p style="font-size: 1.3em; padding-left: 2em"><i>Until then i wish everyone who stumbled upon this site <b>all the best and good health</b> in these tough times!</i>
<br><br>
Niclas Thobaben
</p><br><br>
<p>You want to contact me? Just write me at <a href="mailto:info@nclazz.de">info@nclazz.de</a></p>
</article>
</section>
<section>
<h1>About me</h1>
<section id="de" class="fhw-slide">
<h1>Wilkommen auf der Baustelle!</h1>
<article>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p><br>
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p><br>
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>In Kürze finden Sie hier Informationen über mich und meine Arbeit als Software Entwickler.
Geplanter Start der Website ist am <b>07. Februar 2022</b>.
</p><br><br>
<p style="font-size: 1.3em; padding-left: 2em"><i>Bis dahin wünsche ich allen, die auf diese Seite gestoßen sind alles <b>Gute und Gesundheit</b> in diesen schweren Zeiten!</i>
<br><br>
Niclas Thobaben
</p><br><br>
<p>Möchten Sie Kontakt zu mir aufnehmen? Schreiben Sie mir unter <a href="mailto:info@nclazz.de">info@nclazz.de</a></p>
</article>
</section>
</main>
<footer>
<!-- <footer>
<ul>
<li><a href="#">Impressum</a></li>
<li><a href="#">Datenschutz</a></li>
<li><a href="#">AGB</a></li>
</ul>
</footer>
</footer> -->
</body>
</html>

24
styles/main.css
View File

@ -19,10 +19,13 @@ html {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20242c",endColorstr="#000000",GradientType=1);
background-repeat: no-repeat;
background-color: var(--color-bg);
scroll-behavior: smooth;
}
a {
color: var(--color-primary-1);
}
body {
flex: 1;
@ -41,7 +44,7 @@ body > * {
header {
grid-column-end: span 2;
padding: 4em 8em;
padding: 4em 3em;
}
header img {
@ -54,7 +57,7 @@ nav {
line-height: 1.5em;
cursor: pointer;
font-size: 1em;
padding: 1em 8em;
padding: 1em 3em;
}
nav ul {
@ -117,14 +120,14 @@ main {
justify-content: stretch;
align-content: stretch;
flex-wrap: wrap;
padding: 1em 8em;
padding: 1em 3em;
}
main > * {
/* main > * {
flex: 1;
min-width: 40vw;
padding: 2em 2em 0 0;
}
} */
main h1 {
color: var(--color-primary-2);
@ -176,4 +179,13 @@ footer li a {
footer li a:hover {
color: var(--color-nav-fg-hover);
}
/*
.fhw-slide {
height: 100vh;
box-sizing: border-box;
} */
section {
padding-bottom: 8em;
}