diff options
| -rw-r--r-- | main.js | 2 | ||||
| -rw-r--r-- | src/index.html | 47 | ||||
| -rw-r--r-- | src/styles/main.css | 53 |
3 files changed, 47 insertions, 55 deletions
@@ -10,7 +10,7 @@ function createWindow () { height: 600, frame: false, // transparent: true, - vibrancy: 'light', + vibrancy: 'dark', titleBarStyle: 'hidden' }) diff --git a/src/index.html b/src/index.html index 821e5ec..c98dd07 100644 --- a/src/index.html +++ b/src/index.html @@ -8,21 +8,42 @@ <link rel="stylesheet" href="styles/fontawesome-free/css/all.css"> <link rel="stylesheet" href="fonts/fonts.css"> <link rel="stylesheet" href="styles/main.css"> + <link rel="stylesheet" href="photon/css/photon.min.css"> </head> <body> - <div class="dragBar"> - <!-- <div class="titleContainer"> - <h1 class="title">author<span id="r">r.</span> </h1> - </div> - <div class="buttonsContainer"> - <button class="windowBtn" id="minimize"><i class="fas fa-window-minimize"></i></button> - <button class="windowBtn" id="maximize"><i class="fas fa-window-maximize"></i></button> - <button class="windowBtn" id="close"><i class="fas fa-times-circle"></i></button> - </div> --> - </div> - <div class="content"> - <div class="sidebar"> - + <div class="window"> + <header class="toolbar toolbar-header dragBar"> + <h1 class="title">Choose a Template</h1> + </header> + <div class="window-content"> + <div class="pane-group"> + <div class="pane-one-fourth sidebar"> + <nav class="nav-group"> + <span class="nav-group-item active"> + All Templates + </span> + <span class="nav-group-item"> + Blank Templates + </span> + <span class="nav-group-item"> + Short Stories + </span> + <span class="nav-group-item"> + Novels & Plays + </span> + <span class="nav-group-item"> + Misc. Books + </span> + <span class="nav-group-item"> + Newspapers & Magazines + </span> + <span class="nav-group-item"> + Letters and Applications + </span> + </nav> + </div> + <div class="pane">...</div> + </div> </div> </div> </body> diff --git a/src/styles/main.css b/src/styles/main.css index 72f9194..08e701c 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -1,50 +1,21 @@ .dragBar { - width: 100%; - height: 40px; - position: absolute; - top: 0; - left: 0; - z-index: 99; -webkit-user-select: none; -webkit-app-region: drag; - /* background-color: rgb(255, 255, 255); */ - /* border-radius: 5px 5px 0px 0px; */ } -.content { - position: absolute; - top: 40px; - /* background-color: #fff; */ - /* border-radius: 0px 0px 5px 5px; */ - height: calc(100vh - 40px); - width: 100%; +.window { + background-color: transparent !important; } -body { - margin: 0; - padding: 0; - font-family: 'Lato'; +.sidebar { + background-color: transparent !important; } -.title { - font-size: 24px; - line-height: 5px; - margin: 30px 0px 0px 0px; +.pane { + border-left: none !important; + background-color: #fff; } -.titleContainer { - position: absolute; - top: 0px; - left: 10px; +.nav-group-item { + padding: 10px 10px !important; + color: #FFFFFF !important; } -.buttonsContainer { - position: absolute; - top: 0px; - right: 10px; -} -.windowBtn { - font-size: 12px; - margin-top: 12px; - background-color: transparent; - border: none; -} -#r { - font-family: 'Times New Roman', Times, serif !important; - font-size: 27px; +.nav-group-item.active { + background-color: #156CD5 !important; }
\ No newline at end of file |