cixo-electronic
/
cx-doxy


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
							<!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 dark">
            <div class="top-bar">
                <div class="project-name-bar">
                    <p>Sample project</p>
                </div>

                <div class="submission-name-bar">
                    <p class="submission-name">Sample submission</p>
                </div>

                <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>

            <div class="top-bar-spacer"></div>

            <div class="left-bar">
                <div class="control-button">
                    <button
                        name="open-it"
                        class="open-it"
                        type="button">
                    <span 
                        class="material-symbols-outlined">
                        open_in_full
                    </span>
                    </button>
                </div>

                <div class="items-list">
                    <div class="list-item">
                        <span 
                            class="material-symbols-outlined">
                            receipt_long
                        </span>
                        <p>
                            Submission 1
                        </p>
                    </div>
                    <div class="list-item">
                        <span 
                            class="material-symbols-outlined">
                            receipt_long
                        </span>
                        <p>
                            Submission 2
                        </p>
                    </div>
                    <div class="list-item">
                        <span 
                            class="material-symbols-outlined">
                            receipt_long
                        </span>
                        <p>
                            Submission 3
                        </p>
                    </div>
                    <div class="list-item">
                        <span 
                            class="material-symbols-outlined">
                            receipt_long
                        </span>
                        <p>
                            Submission 4
                        </p>
                    </div>
                </div>
            </div>

            <div class="submission-container">
                <div class="submission-description">
                    <p class="title">Sample submission description</p>
                    <p class="description">This is simple project description, it only would tell You what it is, or what it could be.</p>
                   
                    <div class="control-button">
                        <button
                            name="close-it"
                            class="close-it"
                            type="button">
                        <span 
                            class="material-symbols-outlined">
                            close
                        </span>
                        </button>
                    </div>
                </div>
        
                <div class="content">
                    
                </div>
            </div>

            <div class="elements-bar">
                <div class="control-button">
                    <button
                        name="open-it"
                        class="open-it"
                        type="button">
                    <span 
                        class="material-symbols-outlined">
                        open_in_full
                    </span>
                    </button>
                </div>

                <div class="items-list">
                    <div class="list-item">
                        <span 
                            class="material-symbols-outlined">
                            layers
                        </span>
                        <p>
                            Element 1
                        </p>
                    </div>
                    <div class="list-item">
                        <span 
                            class="material-symbols-outlined">
                            layers
                        </span>
                        <p>
                            Element 2
                        </p>
                    </div>
                    <div class="list-item">
                        <span 
                            class="material-symbols-outlined">
                            layers
                        </span>
                        <p>
                            Element 3
                        </p>
                    </div>
                    <div class="list-item">
                        <span 
                            class="material-symbols-outlined">
                            layers
                        </span>
                        <p>
                            Element 4
                        </p>
                    </div>
                </div>
            </div>

            <div class="element-container">
                <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>