Making all language name uppercase

Author: Mathys-Gasnier

public/data/_index.json

@@ -4,31 +4,31 @@
         "icon": "/icons/c.svg"
     },
     {
-        "lang": "Cpp",
+        "lang": "CPP",
         "icon": "/icons/cpp.svg"
     },
     {
-        "lang": "Css",
+        "lang": "CSS",
         "icon": "/icons/css.svg"
     },
     {
-        "lang": "Html",
+        "lang": "HTML",
         "icon": "/icons/html.svg"
     },
     {
-        "lang": "Javascript",
+        "lang": "JAVASCRIPT",
         "icon": "/icons/javascript.svg"
     },
     {
-        "lang": "Python",
+        "lang": "PYTHON",
         "icon": "/icons/python.svg"
     },
     {
-        "lang": "Rust",
+        "lang": "RUST",
         "icon": "/icons/rust.svg"
     },
     {
-        "lang": "Scss",
+        "lang": "SCSS",
         "icon": "/icons/scss.svg"
     }
 ]

public/data/c.json

@@ -12,6 +12,7 @@
                     "hello-world",
                     "utility"
                 ],
+                "contributors": [],
                 "code": "#include <stdio.h> // Includes the input/output library\n\nint main() { // Defines the main function\n  printf(\"Hello, World!\\n\") // Outputs Hello, World! and a newline\n\n  return 0; // indicate the program executed successfully\n}\n"
             }
         ]
@@ -29,6 +30,7 @@
                     "factorial",
                     "utility"
                 ],
+                "contributors": [],
                 "code": "int factorial(int x) {\n  int y = 1;\n\n  for (int i = 2; i <= x; i++)\n    y *= i;\n\n  return y;\n}\n"
             },
             {
@@ -41,6 +43,7 @@
                     "power",
                     "utility"
                 ],
+                "contributors": [],
                 "code": "int power(int x, int n) {\n  int y = 1;\n\n  for (int i = 0; i < n; i++)\n    y *= x;\n\n  return y;\n}\n"
             }
         ]

public/data/cpp.json

@@ -12,6 +12,7 @@
                     "hello-world",
                     "utility"
                 ],
+                "contributors": [],
                 "code": "#include <iostream> // Includes the input/output stream library\n\nint main() { // Defines the main function\n    std::cout << \"Hello, World!\" << std::endl; // Outputs Hello, World! and a newline\n    return 0; // indicate the program executed successfully\n}\n"
             }
         ]
@@ -29,6 +30,7 @@
                     "reverse",
                     "utility"
                 ],
+                "contributors": [],
                 "code": "#include <string>\n#include <algorithm>\n\nstd::string reverseString(const std::string& input) {\n    std::string reversed = input;\n    std::reverse(reversed.begin(), reversed.end());\n    return reversed;\n}\n"
             },
             {
@@ -41,6 +43,7 @@
                     "split",
                     "utility"
                 ],
+                "contributors": [],
                 "code": "#include <string>\n#include <vector>\n\nstd::vector<std::string> split_string(std::string str, std::string delim) {\n    std::vector<std::string> splits;\n    int i = 0, j;\n    int inc = delim.length();\n    while (j != std::string::npos) {\n        j = str.find(delim, i);\n        splits.push_back(str.substr(i, j - i));\n        i = j + inc;\n    }\n    return splits;\n}\n"
             }
         ]

public/data/css.json

@@ -12,6 +12,7 @@
                     "3D",
                     "effect"
                 ],
+                "contributors": [],
                 "code": ".button {\n  background-color: #28a745;\n  color: white;\n  padding: 10px 20px;\n  border: none;\n  border-radius: 5px;\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n  transition: transform 0.1s;\n}\n\n.button:active {\n  transform: translateY(2px);\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n}\n"
             },
             {
@@ -24,6 +25,7 @@
                     "hover",
                     "transition"
                 ],
+                "contributors": [],
                 "code": ".button {\n  background-color: #007bff;\n  color: white;\n  padding: 10px 20px;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\n.button:hover {\n  background-color: #0056b3;\n}\n"
             },
             {
@@ -37,6 +39,7 @@
                     "hover",
                     "transition"
                 ],
+                "contributors": [],
                 "code": ".button {\n font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,;\n background: #0a85ff;\n color: #fff;\n padding: 8px 12px;\n border: none;\n margin: 4px;\n border-radius: 10px;\n cursor: pointer;\n box-shadow: inset 0 1px 1px #fff2, 0px 2px 3px -2px rgba(0, 0, 0, 0.3) !important; /*This is really performance heavy*/\n font-size: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n transition: all 150ms cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.button:hover {\n background: #0974ee;\n color: #fff\n}\n"
             }
         ]
@@ -54,6 +57,7 @@
                     "background",
                     "effects"
                 ],
+                "contributors": [],
                 "code": ".blur-background {\n  backdrop-filter: blur(10px);\n  background: rgba(255, 255, 255, 0.5);\n}\n"
             },
             {
@@ -66,6 +70,7 @@
                     "glow",
                     "effects"
                 ],
+                "contributors": [],
                 "code": ".glow {\n  background-color: #f39c12;\n  padding: 10px 20px;\n  border-radius: 5px;\n  transition: box-shadow 0.3s ease;\n}\n\n.glow:hover {\n  box-shadow: 0 0 15px rgba(243, 156, 18, 0.8);\n}\n"
             }
         ]
@@ -83,6 +88,7 @@
                     "browser",
                     "layout"
                 ],
+                "contributors": [],
                 "code": "* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box\n}\n"
             },
             {
@@ -95,6 +101,7 @@
                     "columns",
                     "layout"
                 ],
+                "contributors": [],
                 "code": ".columns {\n  display: flex;\n  justify-content: space-between;\n}\n\n.column {\n  flex: 1;\n  margin: 0 10px;\n}\n"
             },
             {
@@ -106,6 +113,7 @@
                     "layout",
                     "grid"
                 ],
+                "contributors": [],
                 "code": ".grid-container {\n  display: grid\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n/* Explanation:\n- `auto-fit`: Automatically fits as many columns as possible within the container.\n- `minmax(250px, 1fr)`: Defines a minimum column size of 250px and a maximum size of 1fr (fraction of available space).\n*/\n}\n\n"
             },
             {
@@ -116,6 +124,7 @@
                     "css",
                     "responsive"
                 ],
+                "contributors": [],
                 "code": "/* Phone */\n.element {\n  margin: 0 10%\n}\n\n/* Tablet */\n@media (min-width: 640px) {\n  .element {\n    margin: 0 20%\n  }\n}\n\n/* Desktop base */\n@media (min-width: 768px) {\n  .element {\n    margin: 0 30%\n  }\n}\n\n/* Desktop large */\n@media (min-width: 1024px) {\n  .element {\n    margin: 0 40%\n  }\n}\n\n/* Desktop extra large */\n@media (min-width: 1280px) {\n  .element {\n    margin: 0 60%\n  }\n}\n\n/* Desktop bige */\n@media (min-width: 1536px) {\n  .element {\n    margin: 0 80%\n  }\n}\n"
             },
             {
@@ -128,6 +137,7 @@
                     "footer",
                     "sticky"
                 ],
+                "contributors": [],
                 "code": "body {\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n}\n\nfooter {\n  margin-top: auto;\n}\n"
             }
         ]
@@ -144,6 +154,7 @@
                     "typography",
                     "spacing"
                 ],
+                "contributors": [],
                 "code": "p {\n  letter-spacing: 0.05em;\n}\n"
             },
             {
@@ -156,6 +167,7 @@
                     "responsive",
                     "typography"
                 ],
+                "contributors": [],
                 "code": "h1 {\n  font-size: calc(1.5rem + 2vw);\n}\n"
             }
         ]

public/data/html.json

@@ -14,6 +14,7 @@
                     "grid",
                     "full-height"
                 ],
+                "contributors": [],
                 "code": "<!DOCTYPE html>\n<html>\n  <head>\n    <style>\n      body {\n        margin: 0;\n        min-height: 100vh;\n        display: grid;\n        grid-template-rows: auto 1fr auto;\n        background: red; /* Shouldn't be visible */\n      }\n\n      .header {\n        background: #3b82f6;\n        padding: 1rem;\n        display: flex;\n        & .menu {\n          margin-left: auto;\n        }\n        & .menu ul {\n          margin-left: auto;\n          display: flex;\n          gap: 1rem;\n        }\n      }\n\n      .main {\n        background: #f3f4f6;\n        padding: 1rem;\n      }\n\n      .footer {\n        background: #1f2937;\n        padding: 1rem;\n      }\n    </style>\n  </head>\n  <body>\n    <div class=\"header\">\n      Header\n      <nav class=\"menu\">\n        <ul>\n          <li><a href=\"#\">Home</a></li>\n          <li><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Contact</a></li>\n        </ul>\n      </nav>\n    </div>\n    <div class=\"main\">Main Content</div>\n    <div class=\"footer\">Footer</div>\n  </body>\n</html>\n"
             },
             {
@@ -28,6 +29,7 @@
                     "flexbox",
                     "viewport"
                 ],
+                "contributors": [],
                 "code": "<!DOCTYPE html>\n<html style=\"margin: 0\">\n  <head>\n    <style type=\"text/css\">\n      body {\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        min-height: 100svh; /* Smallest viewport height */\n        min-height: 100vh;  /* Standard viewport height */\n        min-height: 100dvh; /* Dynamic viewport height */\n        min-height: 100lvh; /* Largest viewport height */\n        background-color: red;\n      }\n\n      .header {\n        position: sticky;\n        top: 0;\n        left: 0;\n        right: 0;\n        background-color: blue;\n      }\n\n      .body {\n        flex-grow: 1;\n        background-color: whitesmoke;\n      }\n\n      .footer {\n        position: sticky;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background-color: blue;\n      }\n    </style>\n  <head>\n  <body>\n    <div class=\"header\">header</div>\n    <div class=\"body\">body/content</div>\n    <div class=\"footer\">footer</div>\n  </body>\n</html>\n"
             }
         ]