From 165c289f68bb46f4f66286b0629931115b36d76c Mon Sep 17 00:00:00 2001 From: Editor Rust Date: Thu, 30 Mar 2023 19:04:25 +0000 Subject: [PATCH] Working on roadmap page (not complete!) --- Styles/roadmap.css | 78 +++++++++++++++++++++++++++++++++++++++++++ index.html | 1 + roadmap.html | 82 ++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 161 insertions(+) create mode 100644 Styles/roadmap.css create mode 100644 roadmap.html diff --git a/Styles/roadmap.css b/Styles/roadmap.css new file mode 100644 index 0000000..1813452 --- /dev/null +++ b/Styles/roadmap.css @@ -0,0 +1,78 @@ +body { + background-color: #ffbbbb; + color: #fff; +} + +.header { + background-color: #663399; +} + +.tabswitcher { + display: grid; + grid-template-columns: auto auto auto; + background-color: #222; + text-align: center; +} + +.tabswitcherbtn { + padding: .8em 0; + display: inline-block; + background-color: #222; + font: 1em sans-serif; + transition: .2s; +} + +.activeswitcher { + background-color: #444; +} + +.active-section { background-color: #00ff00; } +.timeline-section { background-color: #00ffff; } +.roadmap-section { background-color: #ffff00; } +.activetab { background-color: #ffffff; } + +.sections { + padding: 2em 0; + overflow: auto; + white-space: nowrap; + overflow-x: hidden; +} + +.sections::-webkit-scrollbar { display: none; } + +.section { + box-sizing: border-box; + display: inline-block; + width: 100vw; + white-space: initial; + color: #222; + transition: .05s; +} + + +.project-block { + padding: 4em 3em; + display: grid; + grid-template-columns: 50% 50%; + background-color: #ddd; + border-bottom: solid .2em #222; +} + +.img-parent { + text-align: center; +} + +.img-parent img { + max-width: 40vw; +} + +.text-block { + background-color: #fff; +} + + +@media only screen and (max-width: 700px) { + .project-block { + grid-template-columns: auto; + } +} \ No newline at end of file diff --git a/index.html b/index.html index 7c9c0fb..8e2ba2e 100644 --- a/index.html +++ b/index.html @@ -26,6 +26,7 @@

Work

My current big projects are Git Organized, a project management and planning tool for developer projects, and an unnamed chat project, which is just a bunch of experiments with web sockets and the others nice stuffs. If you like them, you can email me to contribute.

+

Other work

Some other work I've done include Hillside Township, an imaginary town with a satirical newspaper. The website's nice, so just... ignore the content.

Another cool little thing is Activity Log, which is meant to be used for tracking time. It's a really cool project, with a cool design and charts and everything.

diff --git a/roadmap.html b/roadmap.html new file mode 100644 index 0000000..cc85545 --- /dev/null +++ b/roadmap.html @@ -0,0 +1,82 @@ + + + + + + + + + + + Roadmap | Editor Rust + + +
+

Projects

+

What I'm working on

+ go home +
+
Active
+
Timeline
+
Roadmap
+
+
+
+
+ one +

hi

+
+
+
+
+ Gold Rush astroid +
+
+

Dec 7 2020

+

Gold Rush

+

hmfmdnnsh

+
+
+
+
+

Jan 1 2021

+

Vegetable Dash

+

keuiahshbm

+
+
+ Vegetable Dash plot +
+
+
+
+ three +

hi

+
+
+
+
+

Find me

+

My Github -> GitHub

+

GitHub is great, I host all my projects on it

+

Stack Overflow -> Stack Overflow

+

I kinda hate Stack Overflow because they blocked me from doing anything

+

CodePen -> CodePen

+

I don't use this account very often, but here it is

+
+
+

Email me

+

My developer account -> editorrust@gmail.com

+

My personal account -> hamza.elabi1@gmail.com

+
+
+ + + \ No newline at end of file