luax: stuff

6 files changed, 88 insertions, 3 deletions

diff --git a/luax/public/assets/app.css b/luax/public/assets/app.css
index c390f73..c98e9b0 100644
--- a/luax/public/assets/app.css
+++ b/luax/public/assets/app.css
@@ -2,7 +2,7 @@
   font-family: 'Hack', monospace;
   max-width: 1280px;
   margin: 0 auto;
-  padding: 2rem 2rem 2rem 2rem;
+  padding: 1rem 1rem 1rem 1rem;
   text-align: center;
 }
 
@@ -134,7 +134,7 @@
 @media (min-width: 1150px) {
   .back-shadows {
       margin: auto;
-      max-width: 40%;
+      max-width: 50%;
   }
   .main-info-title {
     font-size: 42pt;
diff --git a/luax/public/assets/blog.css b/luax/public/assets/blog.css
new file mode 100644
index 0000000..f69e32e
--- /dev/null
+++ b/luax/public/assets/blog.css
@@ -0,0 +1,85 @@
+.code-block {
+  text-align: left;
+  background-color: #161f30;
+  border: 2px solid #2a3a4f;
+  border-radius: 8px;
+  padding: 2px;
+  margin: 8px;
+  font-family: Hack, monospace;
+  font-size: 10pt;
+  overflow-x: auto;
+}
+
+code {
+  font-family: monospace;
+  font-size: 14pt;
+}
+
+blockquote {
+  border-left: 4px solid #2a3a4f;
+  padding-left: 8px;
+  margin-left: 8px;
+  font-style: italic;
+}
+
+td.line-number {
+  text-align: right;
+  padding-right: 5px;
+  color: #647089;
+}
+
+.post-description {
+  text-align: justify;
+  font-style: italic;
+  color: #647089;
+  margin: 0 auto;
+  max-width: 800px;
+  padding: 0 10px;
+}
+
+.post-date {
+  text-align: right;
+  font-style: italic;
+  margin: 0 auto;
+  max-width: 800px;
+  padding: 0 10px;
+}
+
+.post-content {
+  text-align: justify;
+  margin: 0 auto;
+  max-width: 800px;
+}
+
+.post-content img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+  border: 2px solid #2a3a4f;
+  margin: auto 0;
+}
+
+.post-content p:has(img) {
+  text-align: center;
+}
+
+@media (max-width: 480px) {
+  .post-content {
+      margin: auto;
+      max-width: 96%;
+  }
+}
+
+@media (max-width: 1150px) and (min-width: 480px) {
+  .post-content {
+      margin: auto;
+      max-width: 80%;
+  }
+}
+
+@media (min-width: 1150px) {
+  .post-content {
+      margin: auto;
+      max-width: 60%;
+  }
+}
diff --git a/luax/public/assets/blog/building-reluax/cli.png b/luax/public/assets/blog/building-reluax/cli.png
new file mode 100644
index 0000000..097957f
--- /dev/null
+++ b/luax/public/assets/blog/building-reluax/cli.png
diff --git a/luax/public/assets/blog/building-reluax/first-demo.png b/luax/public/assets/blog/building-reluax/first-demo.png
new file mode 100644
index 0000000..81c212c
--- /dev/null
+++ b/luax/public/assets/blog/building-reluax/first-demo.png
diff --git a/luax/public/assets/blog/building-reluax/second-demo.png b/luax/public/assets/blog/building-reluax/second-demo.png
new file mode 100644
index 0000000..52e9a10
--- /dev/null
+++ b/luax/public/assets/blog/building-reluax/second-demo.png
diff --git a/luax/public/assets/index.js b/luax/public/assets/index.js
index 51716de..6dd6ab6 100644
--- a/luax/public/assets/index.js
+++ b/luax/public/assets/index.js
@@ -74,7 +74,7 @@ void main() {
 
   sandbox.load(shader_code);
 
-  sandbox.setUniform('t', "/assets/images/symbols.png");
+  sandbox.setUniform('t', "https://cdn.duckonaut.dev/assets/images/symbols.png");
 
   sandbox.setUniform('color', 42 / 255, 42 / 255, 80 / 255);