init commit
This commit is contained in:
commit
c9a6e8be0d
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
.discourse-site
|
||||
node_modules
|
||||
HELP
|
4
.template-lintrc.js
Normal file
4
.template-lintrc.js
Normal file
@ -0,0 +1,4 @@
|
||||
module.exports = {
|
||||
plugins: ["ember-template-lint-plugin-discourse"],
|
||||
extends: "discourse:recommended",
|
||||
};
|
38
about.json
Normal file
38
about.json
Normal file
@ -0,0 +1,38 @@
|
||||
{
|
||||
"about_url": null,
|
||||
"license_url": null,
|
||||
"assets": {
|
||||
},
|
||||
"modifiers": {
|
||||
"serialize_topic_excerpts": true
|
||||
},
|
||||
"name": "Air Theme",
|
||||
"color_schemes": {
|
||||
"air-light": {
|
||||
"primary": "1c1c1c",
|
||||
"secondary": "F9FCFF",
|
||||
"tertiary": "3877e5",
|
||||
// "quaternary": "919fa8",
|
||||
"quaternary": "7E8B93",
|
||||
"header_background": "F9FCFF",
|
||||
"header_primary": "122b43",
|
||||
"highlight": "E6CB37",
|
||||
"danger": "D05454",
|
||||
"success": "71BD9F",
|
||||
"love": "C16AD7"
|
||||
},
|
||||
"air-dark": {
|
||||
"primary": "E0E0E0",
|
||||
"secondary": "2D2D2D",
|
||||
"tertiary": "9A5CFD",
|
||||
"quaternary": "71bd9f",
|
||||
"header_background": "202020",
|
||||
"header_primary": "E0E0E0",
|
||||
"highlight": "9A5CFD",
|
||||
"danger": "D05454",
|
||||
"success": "71BD9F",
|
||||
"love": "C16AD7"
|
||||
}
|
||||
},
|
||||
"components": ["https://github.com/discourse/discourse-color-scheme-toggle.git","https://github.com/discourse/discourse-loading-slider.git","https://github.com/discourse/discourse-clickable-topic.git","https://github.com/discourse/discourse-search-banner.git"]
|
||||
}
|
402
common/common.scss
Normal file
402
common/common.scss
Normal file
@ -0,0 +1,402 @@
|
||||
// custom search banner customizations
|
||||
.custom-search-banner-wrap {
|
||||
margin: 0 auto !important;
|
||||
max-width: unset;
|
||||
color: var(--secondary);
|
||||
h1 {
|
||||
font-size: 4em;
|
||||
}
|
||||
p {
|
||||
font-size: 1.25em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.btn {
|
||||
height: 100%;
|
||||
}
|
||||
.search-menu input[type="text"] {
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0.25em;
|
||||
min-height: 40px;
|
||||
&:focus {
|
||||
outline: 3px solid rgba(var(--primary-rgb),.35);
|
||||
}
|
||||
}
|
||||
.widget-link.show-help {
|
||||
color: rgba(var(--primary-rgb),0.75);
|
||||
border-radius: 0.5em;
|
||||
padding: 0.5em;
|
||||
background-color: rgba(var(--secondary-rgb),0.25);
|
||||
&:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
}
|
||||
.results {
|
||||
top: 28px;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
.search-context {
|
||||
top: 3.25em;
|
||||
right: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.display-search-banner {
|
||||
#main-outlet {
|
||||
padding-top: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
// Main customizations
|
||||
.topic-list th, .topic-list td {
|
||||
padding: 15px 5px;
|
||||
}
|
||||
|
||||
.discourse-tag {
|
||||
border-radius: 0.25em;
|
||||
padding: 0.25em 0.35em;
|
||||
background-color: var(--primary-low);
|
||||
color: var(--primary) !important;
|
||||
&:hover {
|
||||
background-color: var(--primary-low-mid);
|
||||
color: var(--primary);
|
||||
}
|
||||
}
|
||||
|
||||
.discourse-tags .discourse-tag.simple:not(:last-child)::after, .list-tags .discourse-tag.simple:not(:last-child)::after, .search-category .discourse-tag.simple:not(:last-child)::after {
|
||||
content: "";
|
||||
margin-left: unset;
|
||||
}
|
||||
|
||||
#navigation-bar li:first-of-type {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#site-text-logo {
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
.mobile-view {
|
||||
.cm-header-links {
|
||||
display: none;
|
||||
}
|
||||
.list-controls .nav-pills .drop li:first-of-type {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
.select-kit.combo-box .select-kit-header,
|
||||
.d-editor-textarea-wrapper,
|
||||
div.ac-wrap {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.d-header {
|
||||
box-shadow: 0 2px 4px 0 rgba(0,0,0, 0.06);
|
||||
}
|
||||
|
||||
.d-header-icons .d-icon {
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
.d-header-icons .icon {
|
||||
border-radius: 0.25em;
|
||||
margin-left: 0.3em;
|
||||
border: 1px solid transparent;
|
||||
svg {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
}
|
||||
|
||||
.d-header-icons .icon img.avatar {
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
.menu-panel.drop-down {
|
||||
margin-top: 1em;
|
||||
border-radius: 0.5em;
|
||||
border: 1px solid var(--primary-low-mid);
|
||||
}
|
||||
|
||||
.drop-down-mode .d-header-icons .active .icon {
|
||||
border: 1px solid transparent;
|
||||
.d-icon {
|
||||
color: var(--tertiary);
|
||||
}
|
||||
}
|
||||
|
||||
.drop-down-mode .d-header-icons .active .icon:hover {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.menu-panel .widget-link:hover,
|
||||
.menu-panel .widget-link:focus,
|
||||
.menu-panel .categories-link:hover,
|
||||
.menu-panel .categories-link:focus {
|
||||
background-color: rgba(var(--tertiary-rgb),0.5);
|
||||
}
|
||||
|
||||
.btn:not(.themes-tab):not(.components-tab),
|
||||
.select-kit.dropdown-select-box .dropdown-select-box-header {
|
||||
border-radius: 8px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.post-admin-menu.popup-menu {
|
||||
.btn.widget-button {
|
||||
border-radius: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.unread-high-priority-notifications {
|
||||
background: var(--quaternary);
|
||||
}
|
||||
|
||||
.timeline-container .topic-timeline .timeline-handle {
|
||||
background-color: var(--tertiary);
|
||||
}
|
||||
|
||||
.timeline-container .topic-timeline .timeline-scrollarea {
|
||||
border-left-color: var(--tertiary);
|
||||
}
|
||||
|
||||
// graceful ish style
|
||||
@mixin box-shadow($value: 0px) {
|
||||
box-shadow: 0 24px 40px rgba(0,0,0,.07),0 10.8529px 24.1177px rgba(0,0,0,.0456112),0 4.50776px 10.0172px rgba(0,0,0,.035),0 1.63037px 3.62304px rgba(0,0,0,.0243888);
|
||||
}
|
||||
|
||||
html {
|
||||
body {
|
||||
background: linear-gradient(0deg, rgba(var(--primary-rgb),0.075) 0%, rgba(var(--primary-rgb),0.075) 100%),
|
||||
linear-gradient(0deg, var(--secondary) 100%, var(--secondary) 100%);
|
||||
}
|
||||
.background-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
background: linear-gradient(90deg, var(--tertiary-hover) 0%, var(--tertiary) 100%);
|
||||
clip-path: ellipse(148% 70% at 91% -14%);
|
||||
}
|
||||
}
|
||||
|
||||
html body #main-outlet {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 50px;
|
||||
background: var(--secondary);
|
||||
border-radius: 1em;
|
||||
padding: 3em 3em 5%;
|
||||
max-width: 1150px;
|
||||
.archetype-regular & {
|
||||
min-height: 500px;
|
||||
}
|
||||
@media screen and (max-width: 700px) {
|
||||
padding: 1.5em;
|
||||
margin-top: 0;
|
||||
}
|
||||
padding-bottom: 5% !important; //overriding inline style
|
||||
@include box-shadow;
|
||||
@media screen and (max-width: 1120px) {
|
||||
width: 80%;
|
||||
}
|
||||
@media screen and (max-width: 1075px) {
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-pills > li a.active,
|
||||
.nav-pills > li > a {
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
// Topic List
|
||||
.full-width .contents .topic-list {
|
||||
border-collapse: separate;
|
||||
border-spacing: 0 0.25em;
|
||||
display: contents;
|
||||
thead {
|
||||
// display: none !important;
|
||||
// styles if I decide to show the table header
|
||||
tr {
|
||||
display: flex;
|
||||
border-bottom: none;
|
||||
}
|
||||
display: contents;
|
||||
th.default {
|
||||
width: 63%;
|
||||
}
|
||||
th.posters {
|
||||
width: 7%;
|
||||
}
|
||||
th.posts {
|
||||
width: 15%;
|
||||
}
|
||||
th.activity {
|
||||
width: 15%;
|
||||
}
|
||||
}
|
||||
tbody {
|
||||
display: contents;
|
||||
tr {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin-bottom: .5em;
|
||||
background-color: var(--secondary);
|
||||
border: 1px solid rgba(var(--primary-rgb),0.10);
|
||||
border-radius: 1em;
|
||||
position: relative;
|
||||
transition: box-shadow 100ms ease-in-out;
|
||||
box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
|
||||
&:hover {
|
||||
background-color: var(--secondary);
|
||||
box-shadow: 0px 0px 12px rgba(0,0,0,0.10);
|
||||
border: 1px solid rgba(var(--primary-rgb),0.25);
|
||||
}
|
||||
td.main-link {
|
||||
width: 63%;
|
||||
order: 2;
|
||||
}
|
||||
td.posters {
|
||||
width: 7%;
|
||||
order: 1;
|
||||
height: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
a:not(:first-of-type) {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
td.posts {
|
||||
width: 15%;
|
||||
order: 3;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
td.age {
|
||||
width: 15%;
|
||||
order: 4;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
td.num.views, th.num.views {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.full-width .contents .topic-list .topic-list-item .posters a:first-of-type {
|
||||
margin-right: 4px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
.avatar {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.full-width .contents .topic-list {
|
||||
.topic-list-item {
|
||||
&.visited {
|
||||
a.title:not(.badge-notification),
|
||||
a.topic-excerpt {
|
||||
color: var(--primary) !important;
|
||||
}
|
||||
}
|
||||
.main-link {
|
||||
min-height: 100%;
|
||||
min-height: 100%;
|
||||
.link-top-line {
|
||||
display: block;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
.title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.link-area {
|
||||
display: flex;
|
||||
.link-title-area {
|
||||
margin-right: 1em;
|
||||
font-size: $font-up-1;
|
||||
}
|
||||
.link-meta-area {
|
||||
font-size: $font-down-3;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
.posters {
|
||||
.avatar {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
a:first-of-type {
|
||||
.avatar {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
a:not(:first-of-type) {
|
||||
margin-left: -22px;
|
||||
.avatar {
|
||||
border: 3px solid var(--secondary);
|
||||
}
|
||||
}
|
||||
}
|
||||
.posts-map, .num.age.activity {
|
||||
a {
|
||||
padding: 0
|
||||
}
|
||||
}
|
||||
.posts-map {
|
||||
position: relative;
|
||||
.number {
|
||||
margin-right: 0.25em;
|
||||
// &::before {
|
||||
// content: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJjb21tZW50IiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY29tbWVudCBmYS13LTE2IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTI1NiAzMkMxMTQuNiAzMiAwIDEyNS4xIDAgMjQwYzAgNDcuNiAxOS45IDkxLjIgNTIuOSAxMjYuM0MzOCA0MDUuNyA3IDQzOS4xIDYuNSA0MzkuNWMtNi42IDctOC40IDE3LjItNC42IDI2UzE0LjQgNDgwIDI0IDQ4MGM2MS41IDAgMTEwLTI1LjcgMTM5LjEtNDYuM0MxOTIgNDQyLjggMjIzLjIgNDQ4IDI1NiA0NDhjMTQxLjQgMCAyNTYtOTMuMSAyNTYtMjA4UzM5Ny40IDMyIDI1NiAzMnptMCAzNjhjLTI2LjcgMC01My4xLTQuMS03OC40LTEyLjFsLTIyLjctNy4yLTE5LjUgMTMuOGMtMTQuMyAxMC4xLTMzLjkgMjEuNC01Ny41IDI5IDcuMy0xMi4xIDE0LjQtMjUuNyAxOS45LTQwLjJsMTAuNi0yOC4xLTIwLjYtMjEuOEM2OS43IDMxNC4xIDQ4IDI4Mi4yIDQ4IDI0MGMwLTg4LjIgOTMuMy0xNjAgMjA4LTE2MHMyMDggNzEuOCAyMDggMTYwLTkzLjMgMTYwLTIwOCAxNjB6Ij48L3BhdGg+PC9zdmc+);
|
||||
// width: 20px;
|
||||
// height: 20px;
|
||||
// position: absolute;
|
||||
// left: -20px;
|
||||
// top: 13px;
|
||||
// opacity: 0.25;
|
||||
// }
|
||||
}
|
||||
}
|
||||
.post-activity {
|
||||
.d-icon-reply {
|
||||
color: var(--primary-medium);
|
||||
margin-right: 0.25em;
|
||||
}
|
||||
.relative-date {
|
||||
color: var(--primary-medium);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// increase nav space of nav bar
|
||||
.category-breadcrumb .select-kit-header, #navigation-bar, .navigation-controls {
|
||||
margin-bottom: 1.25em;
|
||||
}
|
1
common/header.html
Normal file
1
common/header.html
Normal file
@ -0,0 +1 @@
|
||||
<div class="background-container"></div>
|
@ -0,0 +1,7 @@
|
||||
import { apiInitializer } from "discourse/lib/api";
|
||||
|
||||
export default apiInitializer("0.8", api => {
|
||||
api.modifyClass("component:topic-list-item", {
|
||||
expandPinned: true
|
||||
})
|
||||
})
|
3
locales/en.yml
Normal file
3
locales/en.yml
Normal file
@ -0,0 +1,3 @@
|
||||
en:
|
||||
theme_metadata:
|
||||
description: "Discourse Deeplearning Theme"
|
7
package.json
Normal file
7
package.json
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"author": "Jordan Vidrine",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"eslint-config-discourse": "latest"
|
||||
}
|
||||
}
|
0
scss/category-boxes.scss
Normal file
0
scss/category-boxes.scss
Normal file
0
settings.yml
Normal file
0
settings.yml
Normal file
Loading…
Reference in New Issue
Block a user