From bc7de097653163871d569b588217e33596ba229a Mon Sep 17 00:00:00 2001
From: Indrajith K L
Date: Mon, 31 Oct 2022 18:55:14 +0530
Subject: * Article Layout Changes * Style Fixes
---
src/_includes/assets/css/styles.css | 119 +++++++++++++++++++++++++++---------
src/_includes/posts.njk | 14 ++---
src/css/styles.css | 2 +-
src/posts/big-list-game-dev.njk | 59 +++++++++---------
4 files changed, 129 insertions(+), 65 deletions(-)
diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css
index 67f071f..8cd32c5 100644
--- a/src/_includes/assets/css/styles.css
+++ b/src/_includes/assets/css/styles.css
@@ -827,21 +827,31 @@ select {
margin-bottom: 1rem;
}
-.my-10 {
- margin-top: 2.5rem;
- margin-bottom: 2.5rem;
-}
-
.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
+.my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+}
+
.-my-5 {
margin-top: -1.25rem;
margin-bottom: -1.25rem;
}
+.-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+}
+
+.-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+}
+
.mt-10 {
margin-top: 2.5rem;
}
@@ -926,6 +936,10 @@ select {
margin-bottom: 0.75rem;
}
+.ml-2 {
+ margin-left: 0.5rem;
+}
+
.ml-0 {
margin-left: 0px;
}
@@ -938,8 +952,12 @@ select {
margin-top: 2rem;
}
-.ml-2 {
- margin-left: 0.5rem;
+.ml-10 {
+ margin-left: 2.5rem;
+}
+
+.ml-7 {
+ margin-left: 1.75rem;
}
.block {
@@ -962,6 +980,10 @@ select {
display: table;
}
+.inline-table {
+ display: inline-table;
+}
+
.grid {
display: grid;
}
@@ -1002,22 +1024,30 @@ select {
width: 0.5rem;
}
+.w-1 {
+ width: 0.25rem;
+}
+
.w-12 {
width: 3rem;
}
-.w-1 {
- width: 0.25rem;
+.w-auto {
+ width: auto;
}
-.max-w-4xl {
- max-width: 56rem;
+.min-w-full {
+ min-width: 100%;
}
.max-w-5xl {
max-width: 64rem;
}
+.max-w-4xl {
+ max-width: 56rem;
+}
+
.max-w-md {
max-width: 28rem;
}
@@ -1144,6 +1174,10 @@ select {
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
+.overflow-auto {
+ overflow: auto;
+}
+
.overflow-hidden {
overflow: hidden;
}
@@ -1270,14 +1304,14 @@ select {
background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
-.bg-lightish-50 {
+.bg-darkish-100 {
--tw-bg-opacity: 1;
- background-color: rgb(255 236 214 / var(--tw-bg-opacity));
+ background-color: rgb(84 78 104 / var(--tw-bg-opacity));
}
-.bg-darkish-100 {
+.bg-lightish-50 {
--tw-bg-opacity: 1;
- background-color: rgb(84 78 104 / var(--tw-bg-opacity));
+ background-color: rgb(255 236 214 / var(--tw-bg-opacity));
}
.bg-darkish-50 {
@@ -1375,6 +1409,11 @@ select {
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
+.bg-red-500 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+}
+
.object-cover {
-o-object-fit: cover;
object-fit: cover;
@@ -1400,6 +1439,10 @@ select {
padding: 2.5rem;
}
+.p-5 {
+ padding: 1.25rem;
+}
+
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
@@ -1440,6 +1483,11 @@ select {
padding-bottom: 3rem;
}
+.px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+}
+
.pt-3 {
padding-top: 0.75rem;
}
@@ -1520,16 +1568,16 @@ select {
line-height: 1.75rem;
}
-.text-xs {
- font-size: 0.75rem;
- line-height: 1rem;
-}
-
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
+.text-xs {
+ font-size: 0.75rem;
+ line-height: 1rem;
+}
+
.text-base {
font-size: 1rem;
line-height: 1.5rem;
@@ -1555,6 +1603,10 @@ select {
font-weight: 500;
}
+.font-light {
+ font-weight: 300;
+}
+
.uppercase {
text-transform: uppercase;
}
@@ -1622,6 +1674,11 @@ select {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
+.text-gray-900 {
+ --tw-text-opacity: 1;
+ color: rgb(17 24 39 / var(--tw-text-opacity));
+}
+
.text-darkish-300 {
--tw-text-opacity: 1;
color: rgb(13 43 69 / var(--tw-text-opacity));
@@ -1915,11 +1972,6 @@ pre[class*="language-"] {
color: rgb(13 43 69 / var(--tw-text-opacity));
}
-.hover\:underline:hover {
- -webkit-text-decoration-line: underline;
- text-decoration-line: underline;
-}
-
.focus\:border-indigo-500:focus {
--tw-border-opacity: 1;
border-color: rgb(99 102 241 / var(--tw-border-opacity));
@@ -1950,6 +2002,11 @@ pre[class*="language-"] {
grid-column: span 2 / span 2;
}
+ .sm\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
.sm\:overflow-hidden {
overflow: hidden;
}
@@ -2035,7 +2092,13 @@ pre[class*="language-"] {
}
@media (min-width: 1024px) {
- .lg\:rounded-lg {
- border-radius: 0.5rem;
+ .lg\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .lg\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
}
-}
\ No newline at end of file
+}
diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk
index c660276..8eedbbc 100644
--- a/src/_includes/posts.njk
+++ b/src/_includes/posts.njk
@@ -5,8 +5,8 @@
{% include "./partials/header.njk" %}
-
-
+
+
-
-
If you found this article useful, spread the word by sharing this link 👉
-
+
+ If you found this article useful, spread the word by sharing this link 👉
+
-
-
back to posts
+
diff --git a/src/css/styles.css b/src/css/styles.css
index 3cbd164..e6e85cd 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -138,4 +138,4 @@ pre[class*="language-"] {
.article-intro::first-letter {
font-size: 2rem;
font-weight: bold;
-}
\ No newline at end of file
+}
diff --git a/src/posts/big-list-game-dev.njk b/src/posts/big-list-game-dev.njk
index 921daea..9fadb58 100644
--- a/src/posts/big-list-game-dev.njk
+++ b/src/posts/big-list-game-dev.njk
@@ -12,52 +12,53 @@ title: Big List of Open Source Game Development Tools
introduce your own functionality in the tools/engine you are using.
-
Welcome to the big list (eventually it will be) of always updating list ofOpen Source Game Development Tools.
+
Welcome to the big list (eventually it will be) of always updating list of Open Source Game Development Tools.
Here you find not only Game Engines but other open source tools and utilities that will help you
in developing your dream game/prototypes.
-
-
-
-
+
+
+
+
-
- Tool
- |
-
- Tool Type
- |
-
- Supported Graphics
- |
-
- OS Supported
- |
-
- Link
- |
+
+ Tool
+ |
+
+ Tool Type
+ |
+
+ Supported Graphics
+ |
+
+ OS Supported
+ |
+
+ Link
+ |
{% for tool in gtools.gameTools%}
-
- {{tool.toolName}}
- |
-
+ |
+
+ {{tool.toolName}}
+ |
+
{{tool.type}}
|
-
+ |
{{tool.graphics}}
|
-
+ |
{{tool.os}}
|
-
- {{tool.link}}
+ |
+ {{tool.link}}
|
{% endfor %}
-
+
\ No newline at end of file
--
cgit v1.2.3