diff --git a/homepage/assets/css/style.css b/homepage/assets/css/style.css new file mode 100644 index 0000000..bbaa64d --- /dev/null +++ b/homepage/assets/css/style.css @@ -0,0 +1,167 @@ +/* hidden in a plain sight? */ +:root { + --bg-color: #050505; + --text-color: #e0e0e0; + --accent: #ffffff; + --dim: #666666; + --font-mono: 'Courier New', Courier, monospace; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + background-color: var(--bg-color); + color: var(--text-color); + font-family: var(--font-mono); + line-height: 1.6; + font-size: 16px; + padding: 2rem; +} + +a { + color: var(--text-color); + text-decoration: none; + border-bottom: 1px solid var(--dim); + transition: all 0.2s; +} + +a:hover { + background-color: var(--text-color); + color: var(--bg-color); + border-color: var(--text-color); +} + +.container { + max-width: 800px; + margin: 0 auto; +} + +/* TEXT */ +h1 { + font-size: 2.5rem; + text-transform: uppercase; + letter-spacing: -2px; + margin-bottom: 0.5rem; +} + +h2 { + font-size: 1.2rem; + margin-bottom: 1.5rem; + border-bottom: 1px solid var(--dim); + display: inline-block; + padding-right: 20px; +} + +.subtitle { + color: var(--dim); + margin-bottom: 2rem; +} + +hr { + border: 0; + border-top: 1px dashed var(--dim); + margin: 2rem 0; +} + +.comment { + color: var(--dim); + font-size: 0.9rem; + margin-left: 10px; +} + +/* SECTIONS */ +section { + margin-bottom: 3rem; +} + +/* LISTS */ +ul { + list-style: none; +} + +.link-list li { + margin-bottom: 0.8rem; + display: flex; + align-items: center; + gap: 15px; +} + +/* STACK GRID */ +.grid-2 { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 2rem; +} + +.skill-item { + display: flex; + justify-content: space-between; + margin-bottom: 0.5rem; +} + +.level { + font-weight: bold; +} + +.special .level { + color: var(--text-color); + text-shadow: 1px 0 0 red, -1px 0 0 blue; +} + +/* my dudes */ +.team-grid { + display: flex; + gap: 2rem; + flex-wrap: wrap; + margin-top: 1rem; +} + +.member { + text-align: center; + width: 100px; +} + +.avatar { + width: 80px; + height: 80px; + background-color: #222; + border: 2px solid var(--text-color); + margin: 0 auto 10px auto; + background-size: cover; +} + +/* if no avatar added: */ +.placeholder::before { + content: "?"; + display: flex; + align-items: center; + justify-content: center; + height: 100%; + font-size: 2rem; + color: var(--dim); +} + +/* REPOS */ +.repo-list li { + margin-bottom: 1rem; +} + +/* FOOTER */ +footer { + text-align: center; + color: var(--dim); + font-size: 0.8rem; +/* flag{why-are-you-here?} */ + margin-top: 4rem; +} +/* SMTH RESPONSIVE */ +@media (max-width: 600px) { + .grid-2 { + grid-template-columns: 1fr; + gap: 0; + } +} \ No newline at end of file diff --git a/homepage/files/index.html b/homepage/files/index.html deleted file mode 100644 index 243092e..0000000 --- a/homepage/files/index.html +++ /dev/null @@ -1,77 +0,0 @@ - - - - - - forust — terminal landing - - - - - -
- -
- forust@home:~$ whoami -
-
-
- -
-

>> OSINT / Pentesting

-

>> Linux enjoyer

-

>> self-hosting & automation

-

> projects: soon™

-
- - - - - diff --git a/homepage/index.html b/homepage/index.html new file mode 100644 index 0000000..5d93d1c --- /dev/null +++ b/homepage/index.html @@ -0,0 +1,141 @@ + + + + + + MrForust // XRock + + + + + + +
+
+

Mr-Forust

+

> CTF Player / XRock_Team / Just Signal.

+
+ +
+ +
+

./socials

+ +
+ +
+

./skills_and_tools

+
+
+
+ ArchLinux # btw + [#######...] +
+
+ Docker Compose [#####.....] +
+
+ Web Pentest [#####.....] +
+
+ Burpsuite [#####.....] +
+
+ Docker [####......] +
+
+ Steganography [####......] +
+
+
+
+ Cryptography [####......] +
+
+ OSINT [####......] +
+
+ Python [###.......] +
+
+ HTML [###.......] +
+
+ Bash [##........] +
+
+ Golang [#.........] +
+
+
+
+ +
+

./xrock_team

+

# It's a select caste. Cybershamans. Cryptoanarchists. Shadows on the net..

+ +
+
+
+ MrForust +
+ +
+
+ Teammate_1 +
+ +
+
+ Teammate_2 +
+
+
+ +
+

./favorite_repos

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