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...
+
-
+