From ad73a3496c343ed40c2755310ddd27228219414f Mon Sep 17 00:00:00 2001 From: Janis Hutz Date: Fri, 7 Feb 2025 11:43:51 +0100 Subject: [PATCH] Add details to start & project page --- components/timeline/index.html | 24 ++++++++++++++++ components/timeline/timeline.css | 49 ++++++++++++++++++++++++++++++++ site/src/index.html | 30 ++++++++++++++++++- site/src/projects/index.html | 10 +++++-- 4 files changed, 109 insertions(+), 4 deletions(-) create mode 100644 components/timeline/index.html create mode 100644 components/timeline/timeline.css diff --git a/components/timeline/index.html b/components/timeline/index.html new file mode 100644 index 0000000..d41f340 --- /dev/null +++ b/components/timeline/index.html @@ -0,0 +1,24 @@ + + + + + + Timeline + + + +
+
+
+
Year
+
+
Description
+
+
+
Year 2
+
+
Description 2
+
+
+ + \ No newline at end of file diff --git a/components/timeline/timeline.css b/components/timeline/timeline.css new file mode 100644 index 0000000..a4d267a --- /dev/null +++ b/components/timeline/timeline.css @@ -0,0 +1,49 @@ +.timeline { + position: relative; + display: block; + flex-direction: column; + height: 100%; +} + +.timeline-el { + z-index: 3; + position: relative; + display: flex; + flex-direction: row; + align-items: center; + width: 100%; + margin-top: 30px; + background: none; +} + +.timeline-dot { + width: 20px; + height: 20px; + background-color: rgb(21, 43, 92); + border-radius: 20px; +} + +.timeline-year { + margin-right: 20px; + color: rgb(63, 63, 63); + font-style: italic; + width: 5rem; +} + +.timeline-desc { + font-style: italic; + font-weight: lighter; + margin-left: 20px; + max-width: calc( 100% - 5rem - 60px ); +} + +.timeline-line { + position: absolute; + z-index: 1; + height: calc(100% - 10px); + top: 5px; + width: 4px; + background-color: rgb(110, 110, 110); + display: flex; + left: calc( 5rem + 28px ); +} \ No newline at end of file diff --git a/site/src/index.html b/site/src/index.html index cf535c7..fc21f16 100644 --- a/site/src/index.html +++ b/site/src/index.html @@ -48,6 +48,34 @@

My work

+
+
+

Store

+

Find your perfect professional-grade Software

+
+
+

Custom Websites

+

Find your perfect new web appearance, built from the groundup without any frameworks

+
+
+
+
+

Accounts

+

Log into any of my services with one single account, or apply to get access to the SDKs to integrate them into your own projects

+
+
+

Free & Open Source Software

+

Various open source projects are in the works at janishutz.com, with help from the community.

+
+
+
+
+

+
+
+

Custom Websites

+
+
@@ -56,4 +84,4 @@ - \ No newline at end of file + diff --git a/site/src/projects/index.html b/site/src/projects/index.html index 5c25678..464327a 100644 --- a/site/src/projects/index.html +++ b/site/src/projects/index.html @@ -57,8 +57,12 @@

Discover all of my software projects

-

Open Source Projects

-
+

Open Source Projects

+
+
+

+
+
@@ -71,4 +75,4 @@ activateSlider( 7500 ); - \ No newline at end of file +