diff --git a/index.html b/index.html index d0e2d48..3a0b80c 100644 --- a/index.html +++ b/index.html @@ -9,37 +9,102 @@ - - + * { + font-family: Roboto, sans-serif; + } -

Directory

-
+ #pages-area { + display: flex; + justify-content: center; + flex-wrap: wrap; + } - Template Page
- Tor
- SirDrapple / LucasProgrammierStube
- Rico
- Gand988
- nomadAllan / AllanOcelot
- ljp1203
- WTSampler
- Amoutonbrady
+ .page-box { + width: 15%; + min-height: 100px; + max-height: 200px; + background: white; + color: steelblue; + border-radius: 5px; + display: flex; + justify-content: center; + flex-wrap: wrap; + align-items: center; + margin: 10px; + text-decoration: none; + font-weight: bold; + box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.15); + transition: all .2s ease-in-out; + text-align: center; + } + .page-box>h4 { + font-size: 1.2rem; + word-break: break-all; + white-space: normal; + padding: 5px; + } -
+ .page-box:hover { + color: black; + transform: scale(1.2); + box-shadow: none; + } + h1 { + color: steelblue; + text-align: center; + } + @media only screen and (max-width: 414px) { + .page-box { + width: 40%; + } + } + + + + +

Directory

+
+ +

Template Page

+
+ +

Tor

+
+ +

SirDrapple / LucasProgrammierStube

+
+ +

Rico

+
+ +

Amoutonbrady

+
+ +

Gand988

+
+ +

nomadAllan / AllanOcelot

+
+ +

ljp1203

+
+ +

WTSampler

+
+
- + \ No newline at end of file diff --git a/subDirectory/ljp1203Page.html b/subDirectory/ljp1203Page.html index 3e0b7c6..39577d4 100644 --- a/subDirectory/ljp1203Page.html +++ b/subDirectory/ljp1203Page.html @@ -21,7 +21,7 @@

Software Engineer

- + @@ -122,4 +122,4 @@

Software Engineer

- \ No newline at end of file +