diff --git a/static/account/index.html b/static/account/index.html index 2a8f9e8..060e1e7 100644 --- a/static/account/index.html +++ b/static/account/index.html @@ -4,6 +4,8 @@ Account | SPFN + + diff --git a/static/account/login/index.html b/static/account/login/index.html index 62ca5f3..f278707 100644 --- a/static/account/login/index.html +++ b/static/account/login/index.html @@ -4,6 +4,8 @@ Log In | SPFN + + diff --git a/static/css/style.css b/static/css/style.css index 189dcbd..7767abb 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -193,8 +193,9 @@ form { } .guide-container { - display: flex; + display: block; margin: 0 auto; + margin-bottom: 8px; width: 70%; background-color: #770505; border-radius: 15px; @@ -202,6 +203,29 @@ form { font-size: 16px; } +.guide-list { + display: flex; +} + +.guide-langs { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); +} + +.guide-langs a { + font-size: 20px; + height: 48px; + cursor: pointer; + border: 2px solid #a00b0b; + border-radius: 10px; + background-color: #6d0606; + color: white; + margin: 4px 0; + text-align: center; + line-height: 48px; + text-decoration: none; +} + @media (orientation: portrait) { .guide-container { display: block; @@ -218,6 +242,20 @@ form { height: 128px; line-height: 128px; } + + .guide-list { + display: block; + } + + .guide-langs { + grid-template-columns: 1fr; + } + + .guide-langs a { + font-size: 60px; + height: 128px; + line-height: 128px; + } } code { diff --git a/static/downloads/index.html b/static/downloads/index.html index 209fa71..68a10ce 100644 --- a/static/downloads/index.html +++ b/static/downloads/index.html @@ -4,6 +4,8 @@ Downloads | SPFN + + diff --git a/static/guides/index.html b/static/guides/index.html index 41434ce..f8145e6 100644 --- a/static/guides/index.html +++ b/static/guides/index.html @@ -4,6 +4,8 @@ Guides | SPFN + + @@ -29,21 +31,36 @@
-
- + -
-

Loading...

+
+

Languages

+
- +