Эх сурвалжийг харах

Create skeleton of the design.

cixo 1 жил өмнө
parent
commit
c60299dfd2
4 өөрчлөгдсөн 223 нэмэгдсэн , 0 устгасан
  1. 82 0
      \\
  2. 0 0
      assets/core.js
  3. 141 0
      core.html
  4. 0 0
      theme/core.css

+ 82 - 0
\\

@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Loading cx-doxy...</title>
+
+        <meta 
+            name="viewport" 
+            content="width=device-width, initial-scale=1">
+        <meta
+            charset="UTF-8">
+
+        <script
+            type="module"
+            src="./assets/core.js">
+        </script>
+
+        <link
+            href="./theme/core.css"
+            rel="stylesheet"
+            type="text/css">
+        <link 
+            rel="stylesheet" 
+            href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200">
+        <link 
+            rel="preconnect" 
+            href="https://fonts.googleapis.com">
+        <link 
+            rel="preconnect" 
+            href="https://fonts.gstatic.com" 
+            crossorigin>
+        <link 
+            href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" 
+            rel="stylesheet">
+    </head>
+
+    <body>
+        <div class="app">
+            <div class="top-bar">
+                <div class="search-bar">
+                    <input 
+                        name="search-type" 
+                        id="search-type"
+                        type="text">
+                    <button
+                        name="search-clear"
+                        id="search-clear"
+                        type="button">
+                    <span 
+                        class="material-symbols-outlined">
+                        backspace
+                    </span>
+                    </button>
+                    
+                </div>
+
+                <div class="logo-bar">
+                </div>
+            </div>
+
+            <div class="left-bar">
+                <div class="control-buttons">
+                </div>
+            </div>
+
+            <div class="submission">
+                <div class="title">
+                    <p class="name"></p>
+                    <p class="description"></p>
+                </div>
+
+                <div class="content">
+                </div>
+            </div>
+
+            <div class="elements">
+                <div class="control-buttons">
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

+ 0 - 0
assets/core.js


+ 141 - 0
core.html

@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>Loading cx-doxy...</title>
+
+        <meta 
+            name="viewport" 
+            content="width=device-width, initial-scale=1">
+        <meta
+            charset="UTF-8">
+
+        <script
+            type="module"
+            src="./assets/core.js">
+        </script>
+
+        <link
+            href="./theme/core.css"
+            rel="stylesheet"
+            type="text/css">
+        <link 
+            rel="stylesheet" 
+            href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200">
+        <link 
+            rel="preconnect" 
+            href="https://fonts.googleapis.com">
+        <link 
+            rel="preconnect" 
+            href="https://fonts.gstatic.com" 
+            crossorigin>
+        <link 
+            href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" 
+            rel="stylesheet">
+    </head>
+
+    <body>
+        <div class="app">
+            <div class="top-bar">
+                <div class="search-bar">
+                    <input 
+                        name="search-type" 
+                        id="search-type"
+                        type="text">
+
+                    <button
+                        name="search-clear"
+                        id="search-clear"
+                        type="button">
+                    <span 
+                        class="material-symbols-outlined">
+                        backspace
+                    </span>
+                    </button>
+                    
+                </div>
+
+                <div class="logo-bar">
+                </div>
+            </div>
+
+            <div class="left-bar">
+                <div class="control-buttons">
+                    <button
+                        name="close-it"
+                        class="close-it"
+                        type="button">
+                    <span 
+                        class="material-symbols-outlined">
+                        close
+                    </span>
+                    </button>
+
+                    <button
+                        name="open-it"
+                        class="open-it"
+                        type="button">
+                    <span 
+                        class="material-symbols-outlined">
+                        open_in_full
+                    </span>
+                    </button>
+                </div>
+            </div>
+
+            <div class="submission">
+                <div class="title">
+                    <p class="name"></p>
+                    <p class="description"></p>
+                </div>
+
+                <div class="content">
+                </div>
+            </div>
+
+            <div class="elements">
+                <div class="control-buttons">
+                    <button
+                        name="close-it"
+                        class="close-it"
+                        type="button">
+                    <span 
+                        class="material-symbols-outlined">
+                        close
+                    </span>
+                    </button>
+
+                    <button
+                        name="open-it"
+                        class="open-it"
+                        type="button">
+                    <span 
+                        class="material-symbols-outlined">
+                        open_in_full
+                    </span>
+                    </button>
+                </div>
+            </div>
+
+            <div class="element">
+                <div class="title">
+                    <div class="content">
+
+                    </div>
+
+                    <div class="control">
+                        <button 
+                            name="close-it"
+                            class="close-it"
+                            type="button">
+                        <span 
+                            class="material-symbols-outlined">
+                            close
+                        </span>
+                        </button>
+                    </div>
+                </div>
+            </div>  
+        </div>
+    </body>
+</html>

+ 0 - 0
theme/core.css