phone screens message

shettysach · Aug 25, 2024 · 150ec91 · 150ec91
1 parent 3664c5f
commit 150ec91
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 7 deletions.
diff --git a/configs/config.json b/configs/config.json
@@ -7,7 +7,7 @@
 
     "interests": ["Artificial Intelligence", "Machine Learning", "LLMs", "GNU-Linux", "CLIs / TUIs", "Embedded Systems", "WASM"],
 
-    "langs": ["Rust", "Python", "C++", "Bash", "Dart"],
+    "langs": ["Rust", "Python", "C", "C++", "Bash", "Dart"],
 
     "experience": [
       {

diff --git a/index.html b/index.html
@@ -21,5 +21,25 @@
     />
   </head>
 
-  <body></body>
+  <body>
+    <div id="orientation-warning">
+      For the best experience, please use landscape mode or switch to a wider
+      screen.
+    </div>
+
+    <script>
+      function checkOrientation() {
+        const isPortrait = window.innerHeight > window.innerWidth;
+        const warning = document.getElementById("orientation-warning");
+        if (isPortrait) {
+          warning.style.display = "block";
+        } else {
+          warning.style.display = "none";
+        }
+      }
+
+      window.addEventListener("resize", checkOrientation);
+      window.addEventListener("load", checkOrientation);
+    </script>
+  </body>
 </html>
diff --git a/src/commands/texts.rs b/src/commands/texts.rs
@@ -16,8 +16,8 @@ Hello, welcome to <u class="blu semibold">Termfolio</u>. Type one of these comma
   <span class="rd semibold">history</span> - View command history
   <span class="rd semibold">clear</span> - Clear screen
 
-You can use arrow keys to scroll through previous commands,
-and also use Ctrl + l to clear the screen"#;
+You can use <i>arrow keys</i> to scroll through history,
+and also use <i>Ctrl+L</i> to clear the screen"#;
 
 pub const CREDITS: &str = r#"<span class="grn"> _____ ______________  _________ _____ _     _____ _____ 
 |_   _|  ___| ___ \  \/  ||  ___|  _  | |   |_   _|  _  |
@@ -40,7 +40,7 @@ Terminal style portfolio website.
     class="blu semibold">Github REST API</a>
 
 * <a 
-    href="pinned.berrysauce.me"
+    href="https://pinned.berrysauce.me"
     target="_blank" 
     class="blu semibold">Pinned repos</a> - berrysauce/pinned
 

diff --git a/styles/styles.css b/styles/styles.css
@@ -18,7 +18,7 @@
   color: var(--white);
   text-underline-offset: 8px;
   text-decoration-thickness: 2px;
-  /* text-shadow: 0px 5px 10px currentColor; */
+  /*text-shadow: 0px 3px 8px currentColor;*/
 }
 
 input {
@@ -31,7 +31,7 @@ input {
 form {
   display: inline-block;
   margin-bottom: 0px;
-  /* caret-shape: block; */
+  caret-shape: block;
   caret-color: var(--green);
   font-weight: 500;
 }
@@ -114,3 +114,17 @@ form {
 .blocks {
   font-size: 35px;
 }
+
+#orientation-warning {
+  display: none;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.75);
+  color: white;
+  top: 0;
+  left: 0;
+  font-size: 1.2rem;
+  text-align: center;
+  padding-top: 30vh;
+}