diff --git a/resources/img/logo.png b/resources/img/logo.png
new file mode 100644
index 0000000..1788298
Binary files /dev/null and b/resources/img/logo.png differ
diff --git a/resources/img/logo_old.png b/resources/img/logo_old.png
new file mode 100644
index 0000000..525274b
Binary files /dev/null and b/resources/img/logo_old.png differ
diff --git a/resources/scss/_base.scss b/resources/scss/_base.scss
new file mode 100644
index 0000000..961c90a
--- /dev/null
+++ b/resources/scss/_base.scss
@@ -0,0 +1,8 @@
+/* General Project Styles */
+
+ul, li {
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+}
diff --git a/resources/scss/_media.scss b/resources/scss/_media.scss
new file mode 100755
index 0000000..0cc6f8e
--- /dev/null
+++ b/resources/scss/_media.scss
@@ -0,0 +1,63 @@
+/*========== Desktop First Method ========== */
+
+/* Large Devices, Wide Screens */
+
+@media (max-width: 1199px) {
+ /* */
+}
+
+/* Medium Devices, Desktops */
+
+@media (max-width: 991px) {
+ /* */
+}
+
+/* Small Devices, Tablets */
+
+@media (max-width: 767px) {
+ /* */
+}
+
+/* Extra Small Devices, Phones */
+
+@media (max-width: 480px) {
+ /* */
+}
+
+/* Custom, iPhone Retina */
+
+@media (max-width: 320px) {
+ /* */
+}
+
+/*========== Mobile First Method ========== */
+
+/* Custom, iPhone Retina */
+
+@media (min-width: 320px) {
+ /* */
+}
+
+/* Extra Small Devices, Phones */
+
+@media (min-width: 480px) {
+ /* */
+}
+
+/* Small Devices, Tablets */
+
+@media (min-width: 768px) {
+ /* */
+}
+
+/* Medium Devices, Desktops */
+
+@media (min-width: 992px) {
+ /* */
+}
+
+/* Large Devices, Wide Screens */
+
+@media (min-width: 1200px) {
+ /* */
+}
diff --git a/resources/scss/_vars.scss b/resources/scss/_vars.scss
new file mode 100755
index 0000000..9bca4c4
--- /dev/null
+++ b/resources/scss/_vars.scss
@@ -0,0 +1,14 @@
+// Colors
+
+$background-color: #eef2f5;
+
+$links: #4078c0;
+$links-gray: #666;
+
+$tab-active: #5fc48d;
+
+$lightgray: #e5e5e5;
+
+$border-color: #eee;
+
+$pagination: #a187d5;
diff --git a/resources/scss/main.scss b/resources/scss/main.scss
new file mode 100644
index 0000000..a8cc467
--- /dev/null
+++ b/resources/scss/main.scss
@@ -0,0 +1,15 @@
+@import "primer-css/index";
+@import "base";
+
+@import "vars";
+
+@import "modules/header";
+@import "modules/links";
+@import "modules/nav";
+@import "modules/pagination";
+
+@import "pages/home";
+@import "pages/issues";
+
+/* ALWAYS END */
+@import "media";
diff --git a/resources/scss/modules/header.scss b/resources/scss/modules/header.scss
new file mode 100644
index 0000000..75f1b37
--- /dev/null
+++ b/resources/scss/modules/header.scss
@@ -0,0 +1,30 @@
+header.main-header {
+ margin-bottom: 20px;
+ width: 100%;
+ border-bottom: 1px solid $border-color;
+ background-color: $background-color;
+ .main-link {
+ color: #666;
+ font-size: 14px;
+ }
+}
+
+header.sub-header {
+ margin-bottom: 20px;
+ padding-top: 20px;
+ border-bottom: 1px solid $border-color;
+ background-color: $background-color;
+ h1 {
+ color: $links-gray;
+ text-decoration: none;
+ font-weight: normal;
+ font-size: 18px;
+ line-height: 26px;
+ a {
+ color: $links;
+ }
+ svg {
+ fill: #bbb;
+ }
+ }
+}
diff --git a/resources/scss/modules/links.scss b/resources/scss/modules/links.scss
new file mode 100644
index 0000000..2e9bccf
--- /dev/null
+++ b/resources/scss/modules/links.scss
@@ -0,0 +1,46 @@
+header.main-header {
+ a {
+ color: $links-gray;
+ text-decoration: none;
+ }
+ a.meta-link {
+ color: $links-gray;
+ font-size: 12px;
+ }
+ svg {
+ fill: #ccc;
+ }
+ .octicon {
+ position: relative;
+ top: 1px;
+ margin-right: 2px;
+ color: #ccc;
+ vertical-align: text-bottom;
+ }
+}
+
+.repo-item-stats {
+ a {
+ margin-left: 8px;
+ color: #888;
+ text-decoration: none;
+ svg {
+ fill: #888;
+ }
+ &:hover {
+ color: $links;
+ svg {
+ fill: $links;
+ }
+ }
+ }
+}
+
+.box-row-link {
+ color: #333;
+ text-decoration: none;
+ &:hover {
+ color: $links;
+ text-decoration: none;
+ }
+}
diff --git a/resources/scss/modules/nav.scss b/resources/scss/modules/nav.scss
new file mode 100644
index 0000000..384b64d
--- /dev/null
+++ b/resources/scss/modules/nav.scss
@@ -0,0 +1,49 @@
+.tabnav {
+ margin-bottom: 0;
+ border-bottom: 0;
+}
+
+.tabnav-tab {
+ padding: 8px 15px 11px;
+ &.selected {
+ border-width: 3px 1px 1px;
+ border-color: $tab-active $lightgray transparent;
+ font-weight: bold;
+ svg {
+ fill: #000;
+ }
+ }
+ &:hover {
+ color: #000;
+ }
+}
+
+.tab-condensed {
+ padding: 7px 13px 8px;
+ color: #666;
+ svg {
+ fill: #bbb;
+ }
+ &.selected {
+ color: #111;
+ font-weight: normal;
+ }
+}
+
+.tabnav-actions {
+ &.logged-in .tabnav-button {
+ margin-right: -5px;
+ border-radius: 3px 0 0 3px;
+ }
+ .auto-search-group {
+ input {
+ border-radius: 0 3px 3px 0;
+ background-color: #fff;
+ }
+ .octicon {
+ position: absolute;
+ top: 8px;
+ left: 10px;
+ }
+ }
+}
diff --git a/resources/scss/modules/pagination.scss b/resources/scss/modules/pagination.scss
new file mode 100644
index 0000000..8ab4ee4
--- /dev/null
+++ b/resources/scss/modules/pagination.scss
@@ -0,0 +1,62 @@
+.paginate-container {
+ margin-top: 20px;
+ margin-bottom: 15px;
+ text-align: center;
+}
+
+.pagination {
+ display: inline-block;
+ &::before {
+ display: table;
+ content: "";
+ }
+ .disabled, .disabled:hover {
+ background-color: $background-color;
+ color: #d3d3d3;
+ cursor: default;
+ }
+ span:first-child {
+ margin-left: 0;
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ }
+ a:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ }
+ .current, .current:hover {
+ z-index: 3;
+ border-color: $pagination;
+ background-color: $pagination;
+ color: #fff;
+ }
+ a, span, em {
+ position: relative;
+ float: left;
+ margin-left: -1px;
+ padding: 7px 12px;
+ border: 1px solid #e5e5e5;
+ background: #fff;
+ color: $pagination;
+ vertical-align: middle;
+ text-decoration: none;
+ white-space: nowrap;
+ font-weight: 600;
+ font-style: normal;
+ font-size: 13px;
+ cursor: pointer;
+ &:hover {
+ background-color: #e7e7e7;
+ }
+ }
+ .gap {
+ background-color: #fafafa;
+ color: #d3d3d3;
+ cursor: default;
+ &:hover {
+ background-color: #fafafa;
+ color: #d3d3d3;
+ cursor: default;
+ }
+ }
+}
diff --git a/resources/scss/pages/home.scss b/resources/scss/pages/home.scss
new file mode 100644
index 0000000..b1eed59
--- /dev/null
+++ b/resources/scss/pages/home.scss
@@ -0,0 +1,144 @@
+h1.main-title {
+ color: #333;
+ font-weight: normal;
+}
+
+.flex-table-item {
+ padding-left: 20px;
+}
+
+.auto-search-group {
+ position: relative;
+ display: inline-block;
+ svg {
+ position: absolute;
+ top: 10px;
+ left: 0;
+ z-index: 5;
+ width: 16px;
+ height: 16px;
+
+ fill: #bbb;
+ }
+ input {
+ padding-left: 30px;
+ width: 100%;
+ background-color: $background-color;
+ &:focus {
+ background-color: #fff;
+ }
+ }
+ form {
+ margin-left: -7px;
+ width: 320px;
+ }
+}
+
+.filters-search {
+ padding-bottom: 20px;
+ border-bottom: 1px solid $border-color;
+ .select-menu-button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ color: #555;
+ &::after {
+ display: inline-block;
+ margin-left: 5px;
+ width: 0;
+ height: 0;
+ border: 4px solid;
+ border-right-color: transparent;
+ border-bottom-color: transparent;
+ border-left-color: transparent;
+ content: "";
+ vertical-align: -2px;
+ }
+ }
+}
+.repo-item {
+ position: relative;
+ padding: 30px 0;
+ border-bottom: 1px solid #eee;
+ list-style: none;
+}
+
+.repo-item-stats {
+ float: right;
+ margin-top: 6px;
+ color: #888;
+ font-weight: bold;
+ font-size: 12px;
+}
+
+.repo-item-description {
+ margin-top: 8px;
+ margin-bottom: 0;
+ max-width: 550px;
+ color: #666;
+ font-size: 14px;
+}
+
+.repo-item-meta {
+ display: block;
+ margin-top: 8px;
+ margin-bottom: 0;
+ color: #888;
+ font-size: 13px;
+}
+
+.members-box {
+ float: right;
+ margin-bottom: 20px;
+ margin-left: 20px;
+ padding: 15px;
+ max-width: 280px;
+ border: 1px solid #ddd;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+.members-stats {
+ float: right;
+ margin-top: 3px;
+ color: #767676;
+ font-size: 14px;
+ svg {
+ fill: #767676;
+ }
+}
+
+.members-link {
+ display: block;
+ padding-bottom: 15px;
+ color: #333;
+ text-decoration: none;
+ font-size: 18px;
+ &:hover {
+ color: $links;
+ text-decoration: none;
+ .members-stats {
+ color: $links;
+ text-decoration: none;
+ }
+ svg {
+ fill: $links;
+ }
+ }
+}
+
+.member-avatar-group {
+ margin: -1px;
+}
+
+.member-avatar {
+ float: left;
+ margin: 1px;
+}
+
+.avatar {
+ display: inline-block;
+ overflow: hidden;
+ border-radius: 3px;
+ vertical-align: middle;
+ line-height: 1;
+}
diff --git a/resources/scss/pages/issues.scss b/resources/scss/pages/issues.scss
new file mode 100644
index 0000000..6ff3fd5
--- /dev/null
+++ b/resources/scss/pages/issues.scss
@@ -0,0 +1,159 @@
+.pagehead-actions {
+ position: relative;
+ float: right;
+ margin: 0;
+}
+
+.subnav-search {
+ position: relative;
+ svg {
+ fill: #bbb;
+ }
+}
+
+.subnav-links {
+ margin-left: 10px;
+}
+
+.table-list-header {
+ border-bottom: 1px solid $lightgray;
+ background-color: #f8f8f8;
+ .btn-link {
+ padding-top: 13px;
+ padding-right: 15px;
+ padding-bottom: 13px;
+ color: #767676;
+ text-decoration: none;
+ svg {
+ fill: #767676;
+ }
+ &:hover {
+ color: #222;
+ svg {
+ fill: #222;
+ }
+ }
+ &.selected {
+ color: #222;
+ font-weight: bold;
+ svg {
+ fill: #222;
+ }
+ }
+ }
+ .select-menu-button {
+ padding-right: 15px;
+ padding-left: 15px;
+ color: #767676;
+ &::after {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ border: 4px solid;
+ border-right-color: transparent;
+ border-bottom-color: transparent;
+ border-left-color: transparent;
+ content: "";
+ vertical-align: -2px;
+ }
+ }
+}
+
+.issues-list-table {
+ border: 1px solid $lightgray;
+ border-radius: 3px 3px 0 0;
+}
+
+.issues-list, .issue {
+ display: block;
+ width: 100%;
+}
+
+.issue {
+ border-top: 1px solid $border-color;
+ a.muted-link {
+ color: #767676;
+ svg {
+ fill: currentColor;
+ }
+ &:hover {
+ color: $links;
+ svg {
+ fill: $links;
+ }
+ }
+ }
+ &:first-child {
+ border-top: 0;
+ }
+ .octicon {
+ &.open {
+ color: #6cc644;
+
+ fill: #6cc644;
+ }
+ &.closed {
+ color: #bd2c00;
+
+ fill: #bd2c00;
+ }
+ }
+ &:hover, {
+ background-color: #f5f5f5;
+ }
+}
+
+.opened-by {
+ a {
+ color: inherit;
+ &:hover {
+ color: $links;
+ text-decoration: none;
+ }
+ }
+}
+
+.labels {
+ a.label {
+ display: inline-block;
+ padding: 3px 4px;
+ border-radius: 2px;
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,0.12);
+ color: #fff;
+ text-decoration: none;
+ font-weight: 600;
+ font-size: 12px;
+ line-height: 1;
+ }
+}
+
+.issue-meta-section {
+ margin-right: 10px;
+ .octicon {
+ color: #ccc;
+ vertical-align: bottom;
+
+ fill: #ccc;
+ }
+}
+
+.task-progress {
+ color: #767676;
+ text-decoration: none;
+ .progress-bar {
+ display: inline-block;
+ width: 120px;
+ height: 5px;
+ background-color: #eee;
+ vertical-align: 2px;
+ .progress {
+ display: block;
+ height: 100%;
+ background-color: #ccc;
+ }
+ }
+}
+
+.issue-milestone {
+ max-width: 240px;
+}
diff --git a/resources/templates/issues.html b/resources/templates/issues.html
new file mode 100644
index 0000000..6684432
--- /dev/null
+++ b/resources/templates/issues.html
@@ -0,0 +1,847 @@
+
+
+
+
+
+
+
+ commiteth
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+