Added Window Wrapper for Normal and Vibrant Windows

50 files changed, 355 insertions, 4 deletions

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..0c704de
--- /dev/null
+++ b/.DS_Store
diff --git a/dist/.DS_Store b/dist/.DS_Store
new file mode 100644
index 0000000..2b46c80
--- /dev/null
+++ b/dist/.DS_Store
diff --git a/dist/mac/all.css b/dist/mac/all.css
index 28f64f2..00c93b9 100644
--- a/dist/mac/all.css
+++ b/dist/mac/all.css
@@ -22,10 +22,10 @@ discretion.
 ====================================================================
 
 
-CONTENTS OF THIS FILE:
-----------------------
+COMPONENTS IN THIS FILE:
+------------------------
 
-1. Window
+1. Window Wrapper
 2. Title Bars
 3. Box Layouts
 4. Sidebars
@@ -40,6 +40,353 @@ CONTENTS OF THIS FILE:
 13. Split Views
 14. Tab Views
 15. Progress Indicators
+16. Panes
 
 */
 
+/* 
+
+FONT IMPORTS
+------------
+
+*/
+
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-Ultralight.otf');
+    font-weight: 100;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-UltralightItalic.otf');
+    font-weight: 100;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-Thin.otf');
+    font-weight: 200;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-ThinItalic.otf');
+    font-weight: 200;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-Light.otf');
+    font-weight: 300;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-LightItalic.otf');
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-Regular.otf');
+    font-weight: 400;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-RegularItalic.otf');
+    font-weight: 400;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-Medium.otf');
+    font-weight: 500;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-MediumItalic.otf');
+    font-weight: 500;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-Semibold.otf');
+    font-weight: 600;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-SemiboldItalic.otf');
+    font-weight: 600;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-Bold.otf');
+    font-weight: 700;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-BoldItalic.otf');
+    font-weight: 700;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-Heavy.otf');
+    font-weight: 800;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-HeavyItalic.otf');
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-Black.otf');
+    font-weight: 900;
+}
+@font-face {
+    font-family: SFProDisplay;
+    src: url('../../fonts/mac/SF-Pro-Display-BlackItalic.otf');
+    font-weight: 900;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-Ultralight.otf');
+    font-weight: 100;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-UltralightItalic.otf');
+    font-weight: 100;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-Thin.otf');
+    font-weight: 200;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-ThinItalic.otf');
+    font-weight: 200;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-Light.otf');
+    font-weight: 300;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-LightItalic.otf');
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-Regular.otf');
+    font-weight: 400;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-RegularItalic.otf');
+    font-weight: 400;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-Medium.otf');
+    font-weight: 500;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-MediumItalic.otf');
+    font-weight: 500;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-Semibold.otf');
+    font-weight: 600;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-SemiboldItalic.otf');
+    font-weight: 600;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-Bold.otf');
+    font-weight: 700;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-BoldItalic.otf');
+    font-weight: 700;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-Heavy.otf');
+    font-weight: 800;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-HeavyItalic.otf');
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-Black.otf');
+    font-weight: 900;
+}
+@font-face {
+    font-family: SFProRounded;
+    src: url('../../fonts/mac/SF-Pro-Rounded-BlackItalic.otf');
+    font-weight: 900;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-Ultralight.otf');
+    font-weight: 100;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-UltralightItalic.otf');
+    font-weight: 100;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-Thin.otf');
+    font-weight: 200;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-ThinItalic.otf');
+    font-weight: 200;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-Light.otf');
+    font-weight: 300;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-LightItalic.otf');
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-Regular.otf');
+    font-weight: 400;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-RegularItalic.otf');
+    font-weight: 400;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-Medium.otf');
+    font-weight: 500;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-MediumItalic.otf');
+    font-weight: 500;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-Semibold.otf');
+    font-weight: 600;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-SemiboldItalic.otf');
+    font-weight: 600;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-Bold.otf');
+    font-weight: 700;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-BoldItalic.otf');
+    font-weight: 700;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-Heavy.otf');
+    font-weight: 800;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-HeavyItalic.otf');
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-Black.otf');
+    font-weight: 900;
+}
+@font-face {
+    font-family: SFProText;
+    src: url('../../fonts/mac/SF-Pro-Text-BlackItalic.otf');
+    font-weight: 900;
+    font-style: italic;
+}
+
+/*
+
+GLOBAL STYLES
+--------------
+
+*/
+
+body {
+    padding: 0;
+    margin: 0;
+}
+
+/* Window Wrapper */
+
+.window {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    flex-direction: column;
+    background-color: #fff;
+}
+
+.window-vibrant {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    flex-direction: column;
+}
+  
+.content {
+    position: relative;
+    overflow-y: auto;
+    display: flex;
+    flex: 1;
+}
\ No newline at end of file
diff --git a/fonts/.DS_Store b/fonts/.DS_Store
new file mode 100644
index 0000000..e677edd
--- /dev/null
+++ b/fonts/.DS_Store
diff --git a/fonts/mac/SF-Pro-Display-Black.otf b/fonts/mac/SF-Pro-Display-Black.otf
new file mode 100755
index 0000000..ea2f438
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-Black.otf
diff --git a/fonts/mac/SF-Pro-Display-BlackItalic.otf b/fonts/mac/SF-Pro-Display-BlackItalic.otf
new file mode 100755
index 0000000..152ac9e
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-BlackItalic.otf
diff --git a/fonts/mac/SF-Pro-Display-Bold.otf b/fonts/mac/SF-Pro-Display-Bold.otf
new file mode 100755
index 0000000..ecee5c2
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-Bold.otf
diff --git a/fonts/mac/SF-Pro-Display-BoldItalic.otf b/fonts/mac/SF-Pro-Display-BoldItalic.otf
new file mode 100755
index 0000000..f793240
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-BoldItalic.otf
diff --git a/fonts/mac/SF-Pro-Display-Heavy.otf b/fonts/mac/SF-Pro-Display-Heavy.otf
new file mode 100755
index 0000000..330e577
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-Heavy.otf
diff --git a/fonts/mac/SF-Pro-Display-HeavyItalic.otf b/fonts/mac/SF-Pro-Display-HeavyItalic.otf
new file mode 100755
index 0000000..b88d27e
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-HeavyItalic.otf
diff --git a/fonts/mac/SF-Pro-Display-Light.otf b/fonts/mac/SF-Pro-Display-Light.otf
new file mode 100755
index 0000000..548b07c
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-Light.otf
diff --git a/fonts/mac/SF-Pro-Display-LightItalic.otf b/fonts/mac/SF-Pro-Display-LightItalic.otf
new file mode 100755
index 0000000..f7f40f1
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-LightItalic.otf
diff --git a/fonts/mac/SF-Pro-Display-Medium.otf b/fonts/mac/SF-Pro-Display-Medium.otf
new file mode 100755
index 0000000..134d8ad
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-Medium.otf
diff --git a/fonts/mac/SF-Pro-Display-MediumItalic.otf b/fonts/mac/SF-Pro-Display-MediumItalic.otf
new file mode 100755
index 0000000..036d8c0
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-MediumItalic.otf
diff --git a/fonts/mac/SF-Pro-Display-Regular.otf b/fonts/mac/SF-Pro-Display-Regular.otf
new file mode 100755
index 0000000..9f8f0bf
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-Regular.otf
diff --git a/fonts/mac/SF-Pro-Display-RegularItalic.otf b/fonts/mac/SF-Pro-Display-RegularItalic.otf
new file mode 100755
index 0000000..a67757d
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-RegularItalic.otf
diff --git a/fonts/mac/SF-Pro-Display-Semibold.otf b/fonts/mac/SF-Pro-Display-Semibold.otf
new file mode 100755
index 0000000..a72b5e5
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-Semibold.otf
diff --git a/fonts/mac/SF-Pro-Display-SemiboldItalic.otf b/fonts/mac/SF-Pro-Display-SemiboldItalic.otf
new file mode 100755
index 0000000..c840be3
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-SemiboldItalic.otf
diff --git a/fonts/mac/SF-Pro-Display-Thin.otf b/fonts/mac/SF-Pro-Display-Thin.otf
new file mode 100755
index 0000000..794f3c7
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-Thin.otf
diff --git a/fonts/mac/SF-Pro-Display-ThinItalic.otf b/fonts/mac/SF-Pro-Display-ThinItalic.otf
new file mode 100755
index 0000000..3337ab7
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-ThinItalic.otf
diff --git a/fonts/mac/SF-Pro-Display-Ultralight.otf b/fonts/mac/SF-Pro-Display-Ultralight.otf
new file mode 100755
index 0000000..d74d1ea
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-Ultralight.otf
diff --git a/fonts/mac/SF-Pro-Display-UltralightItalic.otf b/fonts/mac/SF-Pro-Display-UltralightItalic.otf
new file mode 100755
index 0000000..a07ba5d
--- /dev/null
+++ b/fonts/mac/SF-Pro-Display-UltralightItalic.otf
diff --git a/fonts/mac/SF-Pro-Rounded-Black.otf b/fonts/mac/SF-Pro-Rounded-Black.otf
new file mode 100755
index 0000000..5e53087
--- /dev/null
+++ b/fonts/mac/SF-Pro-Rounded-Black.otf
diff --git a/fonts/mac/SF-Pro-Rounded-Bold.otf b/fonts/mac/SF-Pro-Rounded-Bold.otf
new file mode 100755
index 0000000..b5c2aed
--- /dev/null
+++ b/fonts/mac/SF-Pro-Rounded-Bold.otf
diff --git a/fonts/mac/SF-Pro-Rounded-Heavy.otf b/fonts/mac/SF-Pro-Rounded-Heavy.otf
new file mode 100755
index 0000000..ce31b1c
--- /dev/null
+++ b/fonts/mac/SF-Pro-Rounded-Heavy.otf
diff --git a/fonts/mac/SF-Pro-Rounded-Light.otf b/fonts/mac/SF-Pro-Rounded-Light.otf
new file mode 100755
index 0000000..94584f4
--- /dev/null
+++ b/fonts/mac/SF-Pro-Rounded-Light.otf
diff --git a/fonts/mac/SF-Pro-Rounded-Medium.otf b/fonts/mac/SF-Pro-Rounded-Medium.otf
new file mode 100755
index 0000000..1a0a7e4
--- /dev/null
+++ b/fonts/mac/SF-Pro-Rounded-Medium.otf
diff --git a/fonts/mac/SF-Pro-Rounded-Regular.otf b/fonts/mac/SF-Pro-Rounded-Regular.otf
new file mode 100755
index 0000000..4d32308
--- /dev/null
+++ b/fonts/mac/SF-Pro-Rounded-Regular.otf
diff --git a/fonts/mac/SF-Pro-Rounded-Semibold.otf b/fonts/mac/SF-Pro-Rounded-Semibold.otf
new file mode 100755
index 0000000..973f92d
--- /dev/null
+++ b/fonts/mac/SF-Pro-Rounded-Semibold.otf
diff --git a/fonts/mac/SF-Pro-Rounded-Thin.otf b/fonts/mac/SF-Pro-Rounded-Thin.otf
new file mode 100755
index 0000000..302fd86
--- /dev/null
+++ b/fonts/mac/SF-Pro-Rounded-Thin.otf
diff --git a/fonts/mac/SF-Pro-Rounded-Ultralight.otf b/fonts/mac/SF-Pro-Rounded-Ultralight.otf
new file mode 100755
index 0000000..fdea039
--- /dev/null
+++ b/fonts/mac/SF-Pro-Rounded-Ultralight.otf
diff --git a/fonts/mac/SF-Pro-Text-Black.otf b/fonts/mac/SF-Pro-Text-Black.otf
new file mode 100755
index 0000000..5adc18a
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-Black.otf
diff --git a/fonts/mac/SF-Pro-Text-BlackItalic.otf b/fonts/mac/SF-Pro-Text-BlackItalic.otf
new file mode 100755
index 0000000..e56e654
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-BlackItalic.otf
diff --git a/fonts/mac/SF-Pro-Text-Bold.otf b/fonts/mac/SF-Pro-Text-Bold.otf
new file mode 100755
index 0000000..abbc38d
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-Bold.otf
diff --git a/fonts/mac/SF-Pro-Text-BoldItalic.otf b/fonts/mac/SF-Pro-Text-BoldItalic.otf
new file mode 100755
index 0000000..f0af785
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-BoldItalic.otf
diff --git a/fonts/mac/SF-Pro-Text-Heavy.otf b/fonts/mac/SF-Pro-Text-Heavy.otf
new file mode 100755
index 0000000..5724106
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-Heavy.otf
diff --git a/fonts/mac/SF-Pro-Text-HeavyItalic.otf b/fonts/mac/SF-Pro-Text-HeavyItalic.otf
new file mode 100755
index 0000000..8929d2a
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-HeavyItalic.otf
diff --git a/fonts/mac/SF-Pro-Text-Light.otf b/fonts/mac/SF-Pro-Text-Light.otf
new file mode 100755
index 0000000..121125d
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-Light.otf
diff --git a/fonts/mac/SF-Pro-Text-LightItalic.otf b/fonts/mac/SF-Pro-Text-LightItalic.otf
new file mode 100755
index 0000000..733eb62
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-LightItalic.otf
diff --git a/fonts/mac/SF-Pro-Text-Medium.otf b/fonts/mac/SF-Pro-Text-Medium.otf
new file mode 100755
index 0000000..ffd366e
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-Medium.otf
diff --git a/fonts/mac/SF-Pro-Text-MediumItalic.otf b/fonts/mac/SF-Pro-Text-MediumItalic.otf
new file mode 100755
index 0000000..66d77e5
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-MediumItalic.otf
diff --git a/fonts/mac/SF-Pro-Text-Regular.otf b/fonts/mac/SF-Pro-Text-Regular.otf
new file mode 100755
index 0000000..3f23f8f
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-Regular.otf
diff --git a/fonts/mac/SF-Pro-Text-RegularItalic.otf b/fonts/mac/SF-Pro-Text-RegularItalic.otf
new file mode 100755
index 0000000..3cdc522
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-RegularItalic.otf
diff --git a/fonts/mac/SF-Pro-Text-Semibold.otf b/fonts/mac/SF-Pro-Text-Semibold.otf
new file mode 100755
index 0000000..ebd200d
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-Semibold.otf
diff --git a/fonts/mac/SF-Pro-Text-SemiboldItalic.otf b/fonts/mac/SF-Pro-Text-SemiboldItalic.otf
new file mode 100755
index 0000000..e43d2f4
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-SemiboldItalic.otf
diff --git a/fonts/mac/SF-Pro-Text-Thin.otf b/fonts/mac/SF-Pro-Text-Thin.otf
new file mode 100755
index 0000000..b1f2100
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-Thin.otf
diff --git a/fonts/mac/SF-Pro-Text-ThinItalic.otf b/fonts/mac/SF-Pro-Text-ThinItalic.otf
new file mode 100755
index 0000000..37ebdb1
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-ThinItalic.otf
diff --git a/fonts/mac/SF-Pro-Text-Ultralight.otf b/fonts/mac/SF-Pro-Text-Ultralight.otf
new file mode 100755
index 0000000..170e63c
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-Ultralight.otf
diff --git a/fonts/mac/SF-Pro-Text-UltralightItalic.otf b/fonts/mac/SF-Pro-Text-UltralightItalic.otf
new file mode 100755
index 0000000..56b1540
--- /dev/null
+++ b/fonts/mac/SF-Pro-Text-UltralightItalic.otf
diff --git a/templates/mac/index.html b/templates/mac/index.html
index d655be6..77bcac8 100644
--- a/templates/mac/index.html
+++ b/templates/mac/index.html
@@ -8,7 +8,11 @@
     <link rel="stylesheet" href="./../../dist/mac/all.css">
 </head>
 <body>
-    <h1>Native Kit macOS</h1>
+    <div class="window-vibrant">
+        <div class="content">   
+        </div>
+    </div>
     <script src="./../../scripts/nativekit.js"></script>
+    <script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
 </body>
 </html>
\ No newline at end of file