github page

github-page/css/normalize.min.css

@@ -0,0 +1,2 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
+/*# sourceMappingURL=normalize.min.css.map */

github-page/css/style.css

@@ -0,0 +1,222 @@
+/*  general */
+:root {
+    --dark1: #252529; 
+    --dark2: #2e2e32;
+    --grey1: #cbcbce;
+    --grey2: #868686;
+    --grey3: #cacaca;
+    --yellow: #e8bc56;
+    --orange: #e39747;
+    --purple: #a691ff;
+    --magenta: #f598db;
+    --neonblue: #00bcd4;
+    --rxipink: #e81633;
+}
+
+body {
+    font-family: 'Inter', sans-serif
+}
+
+.section {
+    display: flex;
+    flex-direction: column;
+    padding: 40px;
+}
+
+h1 {
+    text-align: center;
+    font-weight: 100;
+    font-size: 90px;
+    font-size: 60px;
+}
+
+.info_p {
+    font-weight: 300;
+    font-size: 24px;
+    padding-left: 30px;
+    padding-right: 30px;
+    max-width: 1080px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 60px;
+}
+
+/*  buttons */
+.button-link {
+    margin-left: 5px;
+    margin-right: 5px;
+    text-decoration: none;
+    padding: 20px 35px;
+    border-radius: 5px;
+}
+
+.button-link:hover {
+    color: white;
+    background-color: #000;
+}
+
+.button-link .button-head {
+    font-size: 32px;
+    font-weight: 400;
+}
+
+.button-link .button-sub {
+    font-size: 18px;
+    font-weight: 200;
+}
+
+.grey-btn {
+    color: var(--dark);
+    background-color: var(--grey3);
+}
+
+.purple-btn {
+    color: var(--dark);
+    background-color: var(--purple);
+}
+
+/*  head  */
+.head {
+    background-color: var(--dark1);
+}
+
+.head h1 {
+    margin: 0px;
+    color: white;
+}
+
+.head p {
+    text-align: center;
+    font-weight: 200;
+    font-size: 24px;
+    color: var(--grey1);
+}
+
+.head p .lite {
+    color: white;
+}
+
+.head p .lua {
+    color: var(--purple);
+}
+
+.head .head-btns {
+    display: flex;
+    margin-bottom: 25px;
+    justify-content: center;
+}
+
+/*  overview  */
+.overview {
+    background-color: var(--grey1);
+}
+
+.overview h1 {
+    margin: 0px;
+    color: var(--dark1);
+}
+
+.overview .info_p {
+    color: var(--dark2);
+}
+
+.overview-img-container img {
+    width: 100%;
+    border-radius: 5px;
+}
+
+.overview-img-container {
+    max-width: 1080px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 25px;
+} 
+
+/* customization  */
+.customization {
+    background-color: var(--dark1);
+}
+
+.customization h1 {
+    margin: 0px;
+    color: white;
+}
+
+.customization .info_p {
+    color: var(--grey1);
+}
+
+.customization .info_p a {
+    color: var(--purple);
+}
+
+.customization .info_p a:hover {
+    color: white;
+    background-color: black;
+}
+
+.customization .customization-links .button-link {
+    margin: 5px;
+    width: 240px;
+}
+
+.customization .customization-links {
+    max-width: 1080px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 50px;
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+/* footer */
+.footer {
+    background-color: var(--grey1);
+}
+.footer a {
+    width: 50px;
+    margin: auto;
+}
+
+.footer a img {
+    width: 100%;
+}
+
+.footer a img:hover {
+    filter: grayscale(100%) contrast(180%);
+}
+
+/* media-queries */
+@media screen and (max-width: 700px) {
+    h1 {
+        font-size: 48px;
+    }
+
+    .button-link {
+        padding: 15px 28px;
+    }
+
+    .button-link .button-head {
+        font-size: 24px;
+    }
+
+    .button-link .button-sub {
+        font-size: 16px;
+    }
+
+    .section {
+        padding: 30px;
+    }
+
+    .info_p {
+        font-size: 18px;
+        margin-top: 30px;
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+
+    .customization .customization-links {
+        margin-top: 30px;
+    }
+}

github-page/fonts/inter.css

@@ -0,0 +1,200 @@
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url("Inter-Thin.woff2?v=3.13") format("woff2"),
+       url("Inter-Thin.woff?v=3.13") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url("Inter-ThinItalic.woff2?v=3.13") format("woff2"),
+       url("Inter-ThinItalic.woff?v=3.13") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url("Inter-ExtraLight.woff2?v=3.13") format("woff2"),
+       url("Inter-ExtraLight.woff?v=3.13") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url("Inter-ExtraLightItalic.woff2?v=3.13") format("woff2"),
+       url("Inter-ExtraLightItalic.woff?v=3.13") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("Inter-Light.woff2?v=3.13") format("woff2"),
+       url("Inter-Light.woff?v=3.13") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url("Inter-LightItalic.woff2?v=3.13") format("woff2"),
+       url("Inter-LightItalic.woff?v=3.13") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("Inter-Regular.woff2?v=3.13") format("woff2"),
+       url("Inter-Regular.woff?v=3.13") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url("Inter-Italic.woff2?v=3.13") format("woff2"),
+       url("Inter-Italic.woff?v=3.13") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("Inter-Medium.woff2?v=3.13") format("woff2"),
+       url("Inter-Medium.woff?v=3.13") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url("Inter-MediumItalic.woff2?v=3.13") format("woff2"),
+       url("Inter-MediumItalic.woff?v=3.13") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("Inter-SemiBold.woff2?v=3.13") format("woff2"),
+       url("Inter-SemiBold.woff?v=3.13") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url("Inter-SemiBoldItalic.woff2?v=3.13") format("woff2"),
+       url("Inter-SemiBoldItalic.woff?v=3.13") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("Inter-Bold.woff2?v=3.13") format("woff2"),
+       url("Inter-Bold.woff?v=3.13") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url("Inter-BoldItalic.woff2?v=3.13") format("woff2"),
+       url("Inter-BoldItalic.woff?v=3.13") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url("Inter-ExtraBold.woff2?v=3.13") format("woff2"),
+       url("Inter-ExtraBold.woff?v=3.13") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url("Inter-ExtraBoldItalic.woff2?v=3.13") format("woff2"),
+       url("Inter-ExtraBoldItalic.woff?v=3.13") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url("Inter-Black.woff2?v=3.13") format("woff2"),
+       url("Inter-Black.woff?v=3.13") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url("Inter-BlackItalic.woff2?v=3.13") format("woff2"),
+       url("Inter-BlackItalic.woff?v=3.13") format("woff");
+}
+
+/* -------------------------------------------------------
+Variable font.
+Usage:
+
+  html { font-family: 'Inter', sans-serif; }
+  @supports (font-variation-settings: normal) {
+    html { font-family: 'Inter var', sans-serif; }
+  }
+*/
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: url("Inter-roman.var.woff2?v=3.13") format("woff2");
+}
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url("Inter-italic.var.woff2?v=3.13") format("woff2");
+}
+
+
+/* --------------------------------------------------------------------------
+[EXPERIMENTAL] Multi-axis, single variable font.
+
+Slant axis is not yet widely supported (as of February 2019) and thus this
+multi-axis single variable font is opt-in rather than the default.
+
+When using this, you will probably need to set font-variation-settings
+explicitly, e.g.
+
+  * { font-variation-settings: "slnt" 0deg }
+  .italic { font-variation-settings: "slnt" 10deg }
+
+*/
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url("Inter.var.woff2?v=3.13") format("woff2");
+}

github-page/index.html

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+
+        <title></title>
+
+        <link rel="stylesheet" href="./css/normalize.min.css">
+        <link rel="stylesheet" href="./css/style.css">
+        <link rel="icon" href="./favicon.ico">
+    </head>
+    <body>
+        <div class="section head">
+            <h1>lite</h1>
+
+            <p>
+                <span class="lite">lite </span> 
+                is a lightweight text editor written mostly in 
+                <span class="lua">lua</span>
+            </p>
+
+            <div class="head-btns">
+                <a class="button-link grey-btn" href="https://github.com/rxi/lite/releases">
+                    <div class="button-head">Get Lite</div>
+                    <div class="button-sub">Windows and Linux</div>
+                </a>
+
+                <a class="button-link purple-btn" href="https://github.com/rxi/lite">
+                    <div class="button-head">Source Code</div>
+                    <div class="button-sub">On Github</div>
+                </a>
+            </div>
+        </div>
+
+        <div class="section overview">
+            <h1>overview</h1>
+
+            <p class="info_p">
+                lite is a lightweight text editor written mostly in lua. it aims to provide something practical, pretty, small and fast, implemented as simply as possible; easy to modify and extend, or to use without doing either.
+            </p>
+
+            <div class="overview-img-container">
+                <img src="./imgs/lite.png" alt="lite is a lightweight text editor written mostly in Lua">
+            </div>
+        </div>
+
+        <div class="section customization">
+            <h1>customization</h1>
+
+            <p class="info_p">
+                Additional functionality can be added through plugins which are available 
+                from the <a href="https://github.com/rxi/lite-plugins">plugins repository</a>; additional color themes can be found in the 
+                <a href="https://github.com/rxi/lite-colors">colors repository</a>. 
+                The editor can be customized by making changes to the 
+                <a href="https://github.com/rxi/lite/blob/master/data/user/init.lua">user module</a>.
+            </p>
+
+            <div class="customization-links">
+                <!------ plugins -->
+                <a target="_blank" class="button-link purple-btn" href="https://raw.githubusercontent.com/rxi/lite-plugins/master/plugins/motiontrail.lua">
+                    <div class="button-head">motiontrail</div>
+                    <div class="button-sub">Adds a motion-trail to the caret</div>
+                </a>
+
+                <a target="_blank" class="button-link purple-btn" href="https://raw.githubusercontent.com/rxi/lite-plugins/master/plugins/markers.lua">
+                    <div class="button-head">markers</div>
+                    <div class="button-sub">Add markers to docs and jump between them quickly.</div>
+                </a>
+
+                <a target="_blank" class="button-link purple-btn" href="https://raw.githubusercontent.com/rxi/lite-plugins/master/plugins/autoinsert.lua">
+                    <div class="button-head">autoinsert</div>
+                    <div class="button-sub">Automatically inserts closing brackets and quotes.</div>
+                </a>
+
+                <a target="_blank" class="button-link purple-btn" href="https://raw.githubusercontent.com/rxi/lite-plugins/master/plugins/colorpreview.lua">
+                    <div class="button-head">colorpreview</div>
+                    <div class="button-sub">Underlays color values with their resultant color.</div>
+                </a>
+
+                <a target="_blank" class="button-link purple-btn" href="https://github.com/rxi/console">
+                    <div class="button-head">console</div>
+                    <div class="button-sub">A console for running external commands and capturing their output.</div>
+                </a>
+
+                <a target="_blank" class="button-link purple-btn" href="https://raw.githubusercontent.com/rxi/lite-plugins/master/plugins/sort.lua">
+                    <div class="button-head">sort</div>
+                    <div class="button-sub">Sorts selected lines alphabetically</div>
+                </a>
+
+                <a target="_blank" class="button-link purple-btn" href="https://github.com/monolifed/theme16">
+                    <div class="button-head">theme16</div>
+                    <div class="button-sub">Theme manager with base16 themes</div>
+                </a>
+
+                <a target="_blank"class="button-link purple-btn" href="https://github.com/drmargarido/linters">
+                    <div class="button-head">linter</div>
+                    <div class="button-sub">Linters for multiple languages</div>
+                </a>
+
+                <a target="_blank" class="button-link purple-btn" href="https://github.com/rxi/lite-plugins/blob/master/plugins/workspace.lua?raw=1">
+                    <div class="button-head">workspace</div>
+                    <div class="button-sub">Retains project's layout and open documents between sessions</div>
+                </a>
+            </div>
+        </div>
+
+        <div class="section footer">
+            <a href="https://github.com/rxi">
+                <img src="./imgs/rxi.png" alt="rxi">
+            </a>
+        </div>
+    </body>
+</html>