diff --git a/Discourse_test/about.js b/Discourse_test/about.js index 9e2fcd71633a67a5e767b87378ea1978ef7dcdb5..aa52edfef64e13e0dba7717b3d0877c9aa954f4b 100644 --- a/Discourse_test/about.js +++ b/Discourse_test/about.js @@ -2,4 +2,4 @@ "name": "My first remote theme", "about_url": "https://some.url.com", "license_url": "https://github.com/GitHubUsername/my-first-remote-theme/blob/master/LICENSE" - } + } \ No newline at end of file diff --git a/Discourse_test/common/after_header.html b/Discourse_test/common/after_header.html new file mode 100644 index 0000000000000000000000000000000000000000..94bb0767e92f8096d9447f07c6ba3c558e5c0a24 --- /dev/null +++ b/Discourse_test/common/after_header.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="common.scss"> + <title>Base thème</title> +</head> +<body> + <!--SECTION AFTER HEAD--> + <h1>Hello Totoro</h1> + <div class="banner"> + <img class="banner_images" src="../../../../../totoro_triste.png" alt=""> + <img class="banner_images" src="../../../../../totoro_triste.png" alt=""> + <img class="banner_images" src="../../../../../totoro_triste.png" alt=""> + </div> + + + +</body> +</html> \ No newline at end of file diff --git a/Discourse_test/common/common.scss b/Discourse_test/common/common.scss new file mode 100644 index 0000000000000000000000000000000000000000..f64640c9844cffd7b0f8fb2064225386bdc53a9a --- /dev/null +++ b/Discourse_test/common/common.scss @@ -0,0 +1,389 @@ +.banner { + height: 200px; + width: auto; + text-align: center; + margin: auto; +} + +h1 { + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; +} + +// .banner_images { +// width: 10em; +// } +////////////////////////////////////////////////////// + +// @import 'variables'; + +// 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"], +// .d-editor-textarea-wrapper, .select-kit-header { +// @include border-radius; +// } + +// input[type="text"]:focus, +// input[type="password"]:focus, +// input[type="datetime"]:focus, +// input[type="datetime-local"]:focus, +// input[type="date"]:focus, +// input[type="month"]:focus, +// input[type="time"]:focus, +// input[type="week"]:focus, +// input[type="number"]:focus, +// input[type="email"]:focus, +// input[type="url"]:focus, +// input[type="search"]:focus, +// input[type="tel"]:focus, +// input[type="color"]:focus, +// .d-editor-textarea-wrapper.in-focus, +// .select-kit.multi-select.is-expanded .multi-select-header, +// .select-kit.single-select.is-expanded .select-kit-header:not(.btn), +// .select-kit.single-select .select-kit-header:not(.btn):focus, +// .select-kit.single-select .select-kit-header:not(.btn):active { +// @include border-radius; +// box-shadow: none; +// outline: none; +// } + +// .d-header { +// height: 5em; +// box-shadow: none; +// } + +// .alert.alert-info { +// border-radius: 10px; +// } + +// .custom-homepage-columns { +// margin: 2em 0 2em 0; +// .col { +// position: relative; +// @include border-radius; +// background: $color-white; +// padding: 2em 2em 1em; +// border-top: 8px solid $tertiary; +// box-shadow: 0 8px 60px 0 rgba(103,151,255,.10), 0 12px 90px 0 rgba(133,255,103,.10); +// .header-wrapper { +// color: var(--primary); +// background-color: transparent; +// .btn-primary { +// display: none; +// } +// } +// .btn-more { +// color: var(--secondary); +// background: var(--tertiary); +// transition: all 0.3s linear; +// @include border-radius; +// text-transform: uppercase; +// border: 1px solid var(--tertiary); +// &:hover { +// background: var(--tertiary); +// color: var(--secondary); +// box-shadow: 4px 4px $color-box-shadow; +// transition: 0.3s; +// @include border-radius; +// } +// } +// } +// } + +// .navigation-categories .search-banner { +// @include border-radius; +// height: 350px; +// box-sizing: border-box; +// padding: 2.5em 0 3em; +// margin: 1em auto; +// max-width: 1110px; +// } + +// .category-box-inner { +// background: $color-white; +// } + +// .navigation-topics { +// .container.list-container { +// @include border-radius; +// box-shadow: 0 8px 60px 0 rgba(103,151,255,.10), 0 12px 90px 0 rgba(133,255,103,.10); +// padding: 2em; +// background-color: $color-white; +// border-top: 8px solid $tertiary; +// margin-top: .8em; +// } +// } + +// .search-widget .search-context { +// padding: 10px; +// background-color: var(--tertiary-medium); +// @include border-radius; +// } + +// .search-menu .search-context .show-help { +// color: $color-white; +// } + +// .menu-panel .d-label { +// color: $color-black; +// } + +// a { +// color: var(--tertiary-hover); +// } + +// .category-boxes { +// display: grid; +// grid-gap: 2em; +// grid-template-columns: 32% 32% 32%; +// @include border-radius; +// .category-box { +// width: 100%; +// margin: 0; +// overflow: hidden; +// border: none; +// border-top: 8px solid; +// background: var(--secondary); +// @include border-radius; +// box-shadow: 0px 2px 3px 0px rgba(2,47,57,.14); +// .category-box-inner { +// border: none; +// padding: 0; +// .category-details { +// padding: 2em; +// } +// } +// &:hover { +// box-shadow: 0px 40px 30px 0px rgba(2,47,57,.10); +// transform: translateY(-2px); +// } +// } +// } + +// @media (max-width: 960px) { +// .category-boxes.with-logos.with-subcategories { +// grid-template-columns: 1fr; +// } +// } + +// .category-list-item.category { +// @include border-radius; +// border-right: 1px solid var(--primary-low) !important; +// box-shadow: 0 0 4px 0 rgba(0,0,0,.10); +// margin: 0 0.59em 2em .59em; +// background: white; +// } + +// #create-topic { +// color: var(--secondary); +// background: var(--tertiary); +// transition: all 0.3s linear; +// @include border-radius; +// text-transform: uppercase; +// border: 2px solid var(--tertiary); +// .fa { +// color: var(--secondary); +// } +// &:hover { +// background: var(--tertiary); +// color: var(--secondary); +// box-shadow: 4px 4px $color-box-shadow; +// transition: all 0.3s linear; +// @include border-radius; +// .fa { +// color: var(--secondary); +// } +// } +// } + +// .open .grippie { +// background: var(--tertiary); +// } + +// .options.toolbar-popup-menu-options { +// button.single-select-header.dropdown-select-box-header { +// background: transparent; +// border-radius: none; +// border: none; +// &:hover { +// background: var(--tertiary); +// border-radius: 0; +// } +// } +// } + +// .list-controls .combo-box .combo-box-header { +// border: none; +// @include border-radius; +// background-color: $color-white; +// } + +// .menu-panel .panel-body-bottom .btn { +// svg { +// color: var(--tertiary); +// } +// &:hover { +// background: var(--tertiary); +// color: var(--secondary); +// } +// } + +// .nav-pills li a { +// border: 1px solid transparent; +// @include border-radius; +// &:hover { +// @include border-radius; +// transition: all 0.3s linear; +// background-color: transparent; +// color: var(--tertiary); +// border: 1px dashed var(--tertiary); +// } +// &.active { +// @include border-radius; +// transition: all 0.3s linear; +// background: $color-mint; +// color: var(--secondary); +// border: 1px solid $color-mint; +// } +// } + +// .select-kit.dropdown-select-box .dropdown-select-box-header { +// background: var(--tertiary); +// @include border-radius; +// border: 1px solid var(--tertiary); +// color: var(--secondary); +// svg { +// color: var(--secondary); +// &:hover { +// color: var(--secondary); +// } +// } +// } + +// .d-editor-button-bar .select-kit.dropdown-select-box .dropdown-select-box-header { +// background: transparent; +// color: var(--primary-medium); +// border: 1px solid transparent; +// border-radius: 0; +// svg { +// color: currentColor; +// } +// &:hover { +// color: var(--secondary); +// background: var(--tertiary-hover); +// border: 1px solid var(--tertiary-hover); +// border-radius: 5px; +// } +// } + +// .discourse-no-touch .btn:hover .d-icon, .discourse-no-touch .btn.btn-hover .d-icon { +// color: var(--tertiary-hover); +// } + +// .discourse-no-touch .btn:hover, .discourse-no-touch .btn.btn-hover { +// color: var(--secondary); +// background: var(--tertiary-hover); +// border-radius: 5px; +// .fa { +// color: var(--secondary); +// } +// } + +// .menu-panel .widget-link:hover, .menu-panel .widget-link:focus, +// .menu-panel .categories-link:hover, .menu-panel .categories-link:focus { +// background-color: var(--tertiary-low); +// } + +// .btn-default { +// color: var(--secondary); +// background: var(--tertiary); +// transition: all 0.3s linear; +// @include border-radius; +// text-transform: uppercase; +// border: 1px solid var(--tertiary); +// .fa { +// color: var(--secondary); +// } +// } + +// .btn-primary { +// @include border-radius; +// } + +// .discourse-no-touch .btn-danger:hover { +// background: var(--danger-hover); +// } + +// .create { +// @include border-radius; +// } + +// .select-kit .select-kit-row.is-selected { +// background-color: var(--secondary-very-high); +// } + +// .modal-inner-container, .edit-category-footer { +// .btn-primary { +// @include border-radius; +// } +// } + +// .user-menu .quick-access-panel li:hover { +// background-color: var(--tertiary-low); +// } + +// a:hover { +// color: var(--tertiary-hover); +// } + +// .image-upload-controls .btn-default { +// border: 1px solid var(--secondary); +// .fa { +// color: var(--secondary); +// } +// } + +// .admin-controls, .email-template, .admin-container { +// .nav-pills>li a.active { +// background: var(--tertiary); +// color: var(--secondary); +// } +// .btn-primary { +// @include border-radius; +// } +// } + +// .custom-search-banner-wrap h1, .custom-search-banner-wrap p { +// color: $color-white; +// } + +// .btn[href] { +// color: var(--secondary); +// } + +// summary.select-kit-header.single-select-header.dropdown-select-box-header { +// padding: 0.5em; +// } + +// .search-container .search-advanced-sidebar { +// .search-advanced-title { +// background: var(--tertiary); +// color: var(--secondary); +// } +// .search-advanced-filters { +// border: 1px dashed var(--tertiary); +// } +// } + diff --git a/Discourse_test/javascript/component/template_component.js b/Discourse_test/javascript/component/template_component.js index 473c951af4e8f46f0c341370cbceed5e2ec6d700..5d1efd77e000b506394cce328467dc3ba69a0257 100644 --- a/Discourse_test/javascript/component/template_component.js +++ b/Discourse_test/javascript/component/template_component.js @@ -1,4 +1,4 @@ -function() { - firstname: "Yehuda", - lastname: "Katz", -} \ No newline at end of file +// function() { +// firstname: "Yehuda", +// lastname: "Katz", +// }