from server
This commit is contained in:
parent
7160334d55
commit
b6afcb52c6
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
|
|
@ -98,6 +98,7 @@ class AssignEvent {
|
|||
actionType;
|
||||
addedClass = "active";
|
||||
target = "self";
|
||||
isActive = true;
|
||||
/**
|
||||
* ID or class of an HTML element
|
||||
* @param {string} identifier
|
||||
|
|
@ -119,7 +120,7 @@ class AssignEvent {
|
|||
this.target = target;
|
||||
}
|
||||
|
||||
listen() {
|
||||
listen(customFunction) {
|
||||
const element = new Select(this.identifier).select();
|
||||
let target;
|
||||
if (this.target === "self") {
|
||||
|
|
@ -131,12 +132,18 @@ class AssignEvent {
|
|||
switch (this.actionType) {
|
||||
case "add":
|
||||
target.classList.add(this.addedClass);
|
||||
customFunction ? customFunction(true) : null;
|
||||
this.isActive = true;
|
||||
break;
|
||||
case "remove":
|
||||
target.classList.remove(this.addedClass);
|
||||
customFunction ? customFunction(false) : null;
|
||||
this.isActive = false;
|
||||
break;
|
||||
case "toggle":
|
||||
target.classList.toggle(this.addedClass);
|
||||
customFunction ? customFunction(this.isActive) : null;
|
||||
this.isActive = !this.isActive;
|
||||
break;
|
||||
default:
|
||||
throw new Error("Bad action type!");
|
||||
|
|
@ -230,3 +237,25 @@ const burgerAffichePair = new AssignEvent(
|
|||
"active",
|
||||
".burger-affiche-items"
|
||||
).listen();
|
||||
|
||||
const bodyScrollHandler = (state) => {
|
||||
state
|
||||
? (document.body.style.overflow = "hidden")
|
||||
: (document.body.style.overflow = "visible");
|
||||
};
|
||||
|
||||
const mobileAside = new AssignEvent(
|
||||
".aside-mobile-open",
|
||||
"click",
|
||||
"toggle",
|
||||
"active",
|
||||
".aside-mobile"
|
||||
).listen(bodyScrollHandler);
|
||||
|
||||
const mobileAsideCloser = new AssignEvent(
|
||||
".aside-mobile-out",
|
||||
"click",
|
||||
"remove",
|
||||
"active",
|
||||
".aside-mobile"
|
||||
).listen(bodyScrollHandler);
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
.footer {
|
||||
@include grid(false, 1fr);
|
||||
min-height: 23.6rem;
|
||||
@include stretch;
|
||||
padding: 3rem 0;
|
||||
background: $light-black;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
.main-inner {
|
||||
padding: 2.8rem 0;
|
||||
@include grid(false, 67% auto);
|
||||
@include grid(false, 72% auto);
|
||||
gap: 4rem;
|
||||
max-width: 174rem;
|
||||
margin: 0 auto;
|
||||
|
|
@ -48,3 +48,4 @@
|
|||
@import "./main/posts";
|
||||
@import "./main/media";
|
||||
@import "./main/useful";
|
||||
@import "./main/aside-mobile";
|
||||
|
|
|
|||
|
|
@ -59,12 +59,21 @@
|
|||
}
|
||||
|
||||
.nav-right-link {
|
||||
// display: block;
|
||||
// background: $base-green;
|
||||
// font-size: 1.6rem;
|
||||
// padding: 0.4rem 7.8rem;
|
||||
// color: $base-white;
|
||||
// max-width: 18.6rem;
|
||||
//
|
||||
display: block;
|
||||
background: $base-green;
|
||||
font-size: 1.6rem;
|
||||
padding: 0.4rem 7.8rem;
|
||||
color: $base-white;
|
||||
max-width: 18.6rem;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
background: rgb(3, 159, 55);
|
||||
font-size: 1.5rem;
|
||||
padding: 0.1rem 0rem;
|
||||
color: rgb(255, 255, 255);
|
||||
max-width: 12.6rem;
|
||||
@include stretch;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@ $light-black: rgba(56, 56, 56, 1);
|
|||
$base-gray: rgba(0, 0, 0, 0.6);
|
||||
$mild-gray: rgba(85, 85, 85, 1);
|
||||
$light-gray: rgba(101, 101, 101, 1);
|
||||
$invisible-gray: rgba(126, 126, 126, 0.5);
|
||||
|
||||
$border-black: rgba(0, 0, 0, 1); // Mixins
|
||||
@mixin flex($dir: row) {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,198 @@
|
|||
.aside-mobile {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999999999;
|
||||
@include flex(column);
|
||||
justify-content: flex-end;
|
||||
pointer-events: none;
|
||||
|
||||
&.active {
|
||||
pointer-events: all;
|
||||
.aside-mobile-open {
|
||||
img {
|
||||
@include transition-std;
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
}
|
||||
|
||||
.aside-mobile-out {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
@include transition-std(0.6s);
|
||||
height: 20%;
|
||||
}
|
||||
.aside-mobile-inner {
|
||||
background: $base-white;
|
||||
@include transition-std;
|
||||
height: 80%;
|
||||
&::after {
|
||||
box-shadow: 0rem 0rem 0rem transparent;
|
||||
}
|
||||
}
|
||||
.aside-mobile-items {
|
||||
pointer-events: all;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.aside-mobile-out {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
height: 90%;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
@include transition-std;
|
||||
transition: background 0.6s ease;
|
||||
}
|
||||
|
||||
.aside-mobile-inner {
|
||||
position: relative;
|
||||
height: 10%;
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
cursor: pointer;
|
||||
background: $base-white;
|
||||
@include grid(false, 2fr 8fr 1fr);
|
||||
padding: 3rem;
|
||||
@include transition-std;
|
||||
|
||||
&::after {
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
box-shadow: 1rem 0.3rem 2rem rgb(0 0 0 / 90%);
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.aside-mobile-header {
|
||||
padding: 1.5rem 0;
|
||||
text-align: left;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.aside-mobile-items {
|
||||
padding-right: 1rem;
|
||||
pointer-events: none;
|
||||
max-height: 80vh;
|
||||
overflow-y: auto;
|
||||
@include flex(column);
|
||||
a {
|
||||
border-bottom: 0.1rem solid $invisible-gray;
|
||||
padding: 1.5rem 0;
|
||||
@include flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 2rem;
|
||||
color: $base-black;
|
||||
|
||||
&:hover {
|
||||
@include transition-std;
|
||||
border-color: $base-green;
|
||||
.content {
|
||||
@include transition-std;
|
||||
color: $base-green;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.content {
|
||||
font-size: 1.8rem;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: $base-black;
|
||||
@include transition-std;
|
||||
}
|
||||
|
||||
/* width */
|
||||
&::-webkit-scrollbar {
|
||||
width: 0.3rem;
|
||||
}
|
||||
|
||||
/* Track */
|
||||
::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* Handle */
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: $invisible-gray;
|
||||
}
|
||||
|
||||
/* Handle on hover */
|
||||
&::-webkit-scrollbar-thumb:hover {
|
||||
background: $invisible-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.aside-mobile-open {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: all;
|
||||
z-index: 3;
|
||||
cursor: pointer;
|
||||
justify-self: flex-end;
|
||||
align-self: flex-start;
|
||||
@include flex;
|
||||
align-items: flex-start;
|
||||
justify-content: flex-end;
|
||||
|
||||
img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
object-fit: contain;
|
||||
@include transition-std;
|
||||
transform: rotateX(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1070px) {
|
||||
.aside-mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.aside-mobile-out {
|
||||
height: 80%;
|
||||
}
|
||||
.aside-mobile-inner {
|
||||
grid-template-columns: 1fr;
|
||||
padding: 4rem 1rem;
|
||||
padding-top: 6rem;
|
||||
height: 17%;
|
||||
}
|
||||
.aside-mobile-header {
|
||||
display: none;
|
||||
}
|
||||
.aside-mobile-open {
|
||||
z-index: 100;
|
||||
height: 4rem;
|
||||
position: absolute;
|
||||
top: 2rem;
|
||||
right: 2rem;
|
||||
}
|
||||
|
||||
.aside-mobile-items {
|
||||
.content {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.time {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -24,7 +24,8 @@
|
|||
list-style-type: disc;
|
||||
@include grid(false, 1fr 1fr);
|
||||
button {
|
||||
font-size: 1.2rem;
|
||||
// font-size: 1.2rem;
|
||||
font-size: 1.5rem;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
padding: 0.6rem;
|
||||
|
|
@ -85,7 +86,8 @@
|
|||
|
||||
.aside-content-item {
|
||||
@include flex(column);
|
||||
gap: 1.8rem;
|
||||
// gap: 1.8rem;
|
||||
gap: 0.8rem;
|
||||
|
||||
&:not(:last-child) {
|
||||
padding-bottom: 2rem;
|
||||
|
|
@ -101,24 +103,39 @@
|
|||
color: $base-red;
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.1em;
|
||||
//
|
||||
display: none;
|
||||
//
|
||||
}
|
||||
|
||||
//
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h4:not(:last-child) {
|
||||
display: none;
|
||||
}
|
||||
//
|
||||
|
||||
h4,
|
||||
span {
|
||||
color: $mild-gray;
|
||||
// color: $mild-gray;
|
||||
color: black;
|
||||
font-size: 1.4rem;
|
||||
font-weight: normal;
|
||||
// font-weight: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.aside-content-item-info {
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.77rem;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
// display: -webkit-box;
|
||||
// -webkit-line-clamp: 2;
|
||||
// -webkit-box-orient: vertical;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.aside-content-more {
|
||||
|
|
@ -163,6 +180,7 @@
|
|||
// Media
|
||||
@media screen and (max-width: 1070px) {
|
||||
.aside {
|
||||
display: none;
|
||||
max-width: unset;
|
||||
}
|
||||
.aside-ad-wrapper {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,10 @@
|
|||
.main-news-inner {
|
||||
@include flex;
|
||||
// @include flex;
|
||||
gap: 1.5rem;
|
||||
//
|
||||
display: grid;
|
||||
grid-template-columns: 71% auto;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.main-inner-content {
|
||||
|
|
@ -11,7 +15,7 @@
|
|||
|
||||
.main-news-lead {
|
||||
width: 100%;
|
||||
max-width: 71%;
|
||||
// max-width: 71%;
|
||||
position: relative;
|
||||
@include flex;
|
||||
justify-content: flex-start;
|
||||
|
|
@ -69,7 +73,8 @@
|
|||
}
|
||||
|
||||
.main-news-info-content {
|
||||
font-size: 1.8rem;
|
||||
// font-size: 1.8rem;
|
||||
font-size: 2rem;
|
||||
color: $base-white;
|
||||
line-height: 2.179rem;
|
||||
font-weight: bold;
|
||||
|
|
@ -81,9 +86,12 @@
|
|||
|
||||
.main-news-min {
|
||||
@include stretch;
|
||||
max-width: 29%;
|
||||
// max-width: 29%;
|
||||
@include flex(column);
|
||||
gap: 1.7rem;
|
||||
|
||||
//
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.main-news-min-item {
|
||||
|
|
@ -100,8 +108,10 @@
|
|||
left: 0;
|
||||
bottom: 0.7rem;
|
||||
display: block;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.6rem;
|
||||
// font-size: 1.2rem;
|
||||
font-size: 1.5rem;
|
||||
// line-height: 1.6rem;
|
||||
line-height: 2rem;
|
||||
color: $base-white;
|
||||
z-index: 2;
|
||||
font-weight: bold;
|
||||
|
|
@ -110,6 +120,9 @@
|
|||
|
||||
// Media
|
||||
@media screen and (max-width: 1070px) {
|
||||
.main-news-inner {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.main-news-container {
|
||||
padding-right: 4rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
@include flex(column);
|
||||
gap: 2rem;
|
||||
height: 100%;
|
||||
justify-content: space-between;
|
||||
// justify-content: space-between;
|
||||
}
|
||||
|
||||
.sub-news-inner {
|
||||
|
|
@ -45,14 +45,21 @@
|
|||
}
|
||||
|
||||
.sub-news-left-content-item-date-content-info {
|
||||
font-size: 1.4rem;
|
||||
// font-size: 1.4rem;
|
||||
font-size: 1.5rem;
|
||||
color: $base-black;
|
||||
line-height: 1.6rem;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 3;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
// display: -webkit-box;
|
||||
// -webkit-line-clamp: 3;
|
||||
// -webkit-box-orient: vertical;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
|
||||
//
|
||||
&.edit {
|
||||
font-size: 1.75rem;
|
||||
line-height: 1.7rem;
|
||||
}
|
||||
}
|
||||
|
||||
// SUB NEWS RIGHT
|
||||
|
|
@ -69,7 +76,7 @@
|
|||
|
||||
.sub-news-right-top {
|
||||
@include flex(column);
|
||||
gap: 1.5rem;
|
||||
gap: 1.8rem;
|
||||
h2 {
|
||||
padding-bottom: 0.3rem;
|
||||
@include sectionTitle;
|
||||
|
|
@ -102,7 +109,8 @@
|
|||
|
||||
.sub-news-right-bottom {
|
||||
@include flex(column);
|
||||
gap: 1.8rem;
|
||||
// gap: 1.8rem;
|
||||
gap: 1.5rem;
|
||||
|
||||
h2 {
|
||||
@include sectionTitle;
|
||||
|
|
|
|||
|
|
@ -8,7 +8,19 @@
|
|||
}
|
||||
|
||||
.trending-banner {
|
||||
@include imgStyle(unset, unset, contain);
|
||||
// @include imgStyle(unset, unset, contain);
|
||||
@include imgStyle(unset, unset, cover);
|
||||
//
|
||||
@include flex;
|
||||
a {
|
||||
display: block;
|
||||
max-width: unset;
|
||||
max-height: 98%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: auto 0 0 0;
|
||||
}
|
||||
//
|
||||
}
|
||||
|
||||
.trending-head {
|
||||
|
|
@ -49,18 +61,27 @@
|
|||
.trending-aside-content-head {
|
||||
h3 {
|
||||
color: $base-green;
|
||||
//
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
h4,
|
||||
span {
|
||||
color: $mild-gray;
|
||||
font-weight: normal;
|
||||
//
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
.trending-main-content {
|
||||
@include grid(false, 1fr);
|
||||
gap: 3.5rem;
|
||||
// @include grid(false, 1fr);
|
||||
// gap: 3.5rem;
|
||||
gap: 2.5rem;
|
||||
//
|
||||
height: 100%;
|
||||
@include flex(column);
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.trending-item {
|
||||
|
|
@ -89,6 +110,12 @@
|
|||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1070px) {
|
||||
.trending {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 950px) {
|
||||
.trending-inner {
|
||||
@include flex(column-reverse);
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
|
||||
.useful-aside-content {
|
||||
@include flex(column);
|
||||
gap: 3.5rem;
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
.useful-aside {
|
||||
|
|
@ -48,8 +48,8 @@
|
|||
}
|
||||
|
||||
.useful-main-content {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
// Media
|
||||
|
|
|
|||
|
|
@ -199,11 +199,13 @@ a {
|
|||
|
||||
.nav-right-link {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
background: rgb(3, 159, 55);
|
||||
font-size: 1.6rem;
|
||||
padding: 0.4rem 7.8rem;
|
||||
font-size: 1.5rem;
|
||||
padding: 0.1rem 0rem;
|
||||
color: rgb(255, 255, 255);
|
||||
max-width: 18.6rem;
|
||||
max-width: 12.6rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
|
@ -481,7 +483,7 @@ a {
|
|||
.main-inner {
|
||||
padding: 2.8rem 0;
|
||||
display: grid;
|
||||
grid-template-columns: 67% auto;
|
||||
grid-template-columns: 72% auto;
|
||||
gap: 4rem;
|
||||
max-width: 174rem;
|
||||
margin: 0 auto;
|
||||
|
|
@ -535,9 +537,10 @@ a {
|
|||
}
|
||||
}
|
||||
.main-news-inner {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 1.5rem;
|
||||
display: grid;
|
||||
grid-template-columns: 71% auto;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.main-inner-content {
|
||||
|
|
@ -550,7 +553,6 @@ a {
|
|||
|
||||
.main-news-lead {
|
||||
width: 100%;
|
||||
max-width: 71%;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
|
@ -614,7 +616,7 @@ a {
|
|||
}
|
||||
|
||||
.main-news-info-content {
|
||||
font-size: 1.8rem;
|
||||
font-size: 2rem;
|
||||
color: rgb(255, 255, 255);
|
||||
line-height: 2.179rem;
|
||||
font-weight: bold;
|
||||
|
|
@ -627,10 +629,10 @@ a {
|
|||
.main-news-min {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: 29%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1.7rem;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.main-news-min-item {
|
||||
|
|
@ -656,8 +658,8 @@ a {
|
|||
left: 0;
|
||||
bottom: 0.7rem;
|
||||
display: block;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.6rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
color: rgb(255, 255, 255);
|
||||
z-index: 2;
|
||||
font-weight: bold;
|
||||
|
|
@ -665,6 +667,9 @@ a {
|
|||
}
|
||||
|
||||
@media screen and (max-width: 1070px) {
|
||||
.main-news-inner {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.main-news-container {
|
||||
padding-right: 4rem;
|
||||
}
|
||||
|
|
@ -728,7 +733,7 @@ a {
|
|||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
.aside-btns button {
|
||||
font-size: 1.2rem;
|
||||
font-size: 1.5rem;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
padding: 0.6rem;
|
||||
|
|
@ -786,7 +791,7 @@ a {
|
|||
.aside-content-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1.8rem;
|
||||
gap: 0.8rem;
|
||||
}
|
||||
.aside-content-item:not(:last-child) {
|
||||
padding-bottom: 2rem;
|
||||
|
|
@ -802,22 +807,24 @@ a {
|
|||
color: rgb(255, 12, 0);
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.1em;
|
||||
display: none;
|
||||
}
|
||||
.aside-content-item-title span {
|
||||
display: none;
|
||||
}
|
||||
.aside-content-item-title h4:not(:last-child) {
|
||||
display: none;
|
||||
}
|
||||
.aside-content-item-title h4,
|
||||
.aside-content-item-title span {
|
||||
color: rgb(85, 85, 85);
|
||||
color: black;
|
||||
font-size: 1.4rem;
|
||||
font-weight: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.aside-content-item-info {
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.77rem;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.aside-content-more {
|
||||
|
|
@ -868,6 +875,7 @@ a {
|
|||
|
||||
@media screen and (max-width: 1070px) {
|
||||
.aside {
|
||||
display: none;
|
||||
max-width: unset;
|
||||
}
|
||||
.aside-ad-wrapper a {
|
||||
|
|
@ -910,7 +918,6 @@ a {
|
|||
flex-direction: column;
|
||||
gap: 2rem;
|
||||
height: 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.sub-news-inner {
|
||||
|
|
@ -957,14 +964,13 @@ a {
|
|||
}
|
||||
|
||||
.sub-news-left-content-item-date-content-info {
|
||||
font-size: 1.4rem;
|
||||
font-size: 1.5rem;
|
||||
color: rgb(36, 36, 36);
|
||||
line-height: 1.6rem;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 3;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.sub-news-left-content-item-date-content-info.edit {
|
||||
font-size: 1.75rem;
|
||||
line-height: 1.7rem;
|
||||
}
|
||||
|
||||
.sub-news {
|
||||
|
|
@ -982,7 +988,7 @@ a {
|
|||
.sub-news-right-top {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1.5rem;
|
||||
gap: 1.8rem;
|
||||
}
|
||||
.sub-news-right-top h2 {
|
||||
padding-bottom: 0.3rem;
|
||||
|
|
@ -1020,7 +1026,7 @@ a {
|
|||
.sub-news-right-bottom {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1.8rem;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
.sub-news-right-bottom h2 {
|
||||
font-size: 2.4rem;
|
||||
|
|
@ -1109,12 +1115,22 @@ a {
|
|||
max-height: unset;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.trending-banner img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
.trending-banner a {
|
||||
display: block;
|
||||
max-width: unset;
|
||||
max-height: 98%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: auto 0 0 0;
|
||||
}
|
||||
|
||||
.trending-head {
|
||||
|
|
@ -1171,17 +1187,21 @@ a {
|
|||
|
||||
.trending-aside-content-head h3 {
|
||||
color: rgb(3, 159, 55);
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
.trending-aside-content-head h4,
|
||||
.trending-aside-content-head span {
|
||||
color: rgb(85, 85, 85);
|
||||
font-weight: normal;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.trending-main-content {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 3.5rem;
|
||||
gap: 2.5rem;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.trending-item {
|
||||
|
|
@ -1220,6 +1240,11 @@ a {
|
|||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1070px) {
|
||||
.trending {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 950px) {
|
||||
.trending-inner {
|
||||
display: flex;
|
||||
|
|
@ -1491,7 +1516,7 @@ a {
|
|||
.useful-aside-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 3.5rem;
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
.useful-aside {
|
||||
|
|
@ -1501,8 +1526,8 @@ a {
|
|||
}
|
||||
|
||||
.useful-main-content {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1250px) {
|
||||
|
|
@ -1523,12 +1548,200 @@ a {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
.aside-mobile {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999999999;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
pointer-events: none;
|
||||
}
|
||||
.aside-mobile.active {
|
||||
pointer-events: all;
|
||||
}
|
||||
.aside-mobile.active .aside-mobile-open img {
|
||||
transition: 0.3s all ease;
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
.aside-mobile.active .aside-mobile-out {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
transition: 0.6s all ease;
|
||||
height: 20%;
|
||||
}
|
||||
.aside-mobile.active .aside-mobile-inner {
|
||||
background: rgb(255, 255, 255);
|
||||
transition: 0.3s all ease;
|
||||
height: 80%;
|
||||
}
|
||||
.aside-mobile.active .aside-mobile-inner::after {
|
||||
box-shadow: 0rem 0rem 0rem transparent;
|
||||
}
|
||||
.aside-mobile.active .aside-mobile-items {
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.aside-mobile-out {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
height: 90%;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
transition: 0.3s all ease;
|
||||
transition: background 0.6s ease;
|
||||
}
|
||||
|
||||
.aside-mobile-inner {
|
||||
position: relative;
|
||||
height: 10%;
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
cursor: pointer;
|
||||
background: rgb(255, 255, 255);
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 8fr 1fr;
|
||||
padding: 3rem;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.aside-mobile-inner::after {
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
box-shadow: 1rem 0.3rem 2rem rgba(0, 0, 0, 0.9);
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.aside-mobile-header {
|
||||
padding: 1.5rem 0;
|
||||
text-align: left;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.aside-mobile-items {
|
||||
padding-right: 1rem;
|
||||
pointer-events: none;
|
||||
max-height: 80vh;
|
||||
overflow-y: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* width */
|
||||
/* Track */
|
||||
/* Handle */
|
||||
/* Handle on hover */
|
||||
}
|
||||
.aside-mobile-items a {
|
||||
border-bottom: 0.1rem solid rgba(126, 126, 126, 0.5);
|
||||
padding: 1.5rem 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 2rem;
|
||||
color: rgb(36, 36, 36);
|
||||
}
|
||||
.aside-mobile-items a:hover {
|
||||
transition: 0.3s all ease;
|
||||
border-color: rgb(3, 159, 55);
|
||||
}
|
||||
.aside-mobile-items a:hover .content {
|
||||
transition: 0.3s all ease;
|
||||
color: rgb(3, 159, 55);
|
||||
}
|
||||
.aside-mobile-items .time {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.aside-mobile-items .content {
|
||||
font-size: 1.8rem;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: rgb(36, 36, 36);
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
.aside-mobile-items::-webkit-scrollbar {
|
||||
width: 0.3rem;
|
||||
}
|
||||
.aside-mobile-items ::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
.aside-mobile-items::-webkit-scrollbar-thumb {
|
||||
background: rgba(126, 126, 126, 0.5);
|
||||
}
|
||||
.aside-mobile-items::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(126, 126, 126, 0.5);
|
||||
}
|
||||
|
||||
.aside-mobile-open {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: all;
|
||||
z-index: 3;
|
||||
cursor: pointer;
|
||||
justify-self: flex-end;
|
||||
align-self: flex-start;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.aside-mobile-open img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
transition: 0.3s all ease;
|
||||
transform: rotateX(180deg);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1070px) {
|
||||
.aside-mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
.aside-mobile-out {
|
||||
height: 80%;
|
||||
}
|
||||
.aside-mobile-inner {
|
||||
grid-template-columns: 1fr;
|
||||
padding: 4rem 1rem;
|
||||
padding-top: 6rem;
|
||||
height: 17%;
|
||||
}
|
||||
.aside-mobile-header {
|
||||
display: none;
|
||||
}
|
||||
.aside-mobile-open {
|
||||
z-index: 100;
|
||||
height: 4rem;
|
||||
position: absolute;
|
||||
top: 2rem;
|
||||
right: 2rem;
|
||||
}
|
||||
.aside-mobile-items .content {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.aside-mobile-items .time {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
min-height: 23.6rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 3rem 0;
|
||||
background: rgb(56, 56, 56);
|
||||
}
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -15,6 +15,7 @@ random = 0
|
|||
{% partial 'head' %}
|
||||
</head>
|
||||
<body>
|
||||
{% partial 'snowfall' %}
|
||||
<div class="main__banner" style="margin-bottom: 0;">
|
||||
{% component 'adverts'%}
|
||||
</div>
|
||||
|
|
@ -49,4 +50,4 @@ random = 0
|
|||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -18,6 +18,7 @@ random = 0
|
|||
{% partial 'head' %}
|
||||
</head>
|
||||
<body>
|
||||
{% partial 'snowfall' %}
|
||||
<div class="main__banner" style="margin-bottom: 0;">
|
||||
{% component 'adverts'%}
|
||||
</div>
|
||||
|
|
@ -53,4 +54,4 @@ random = 0
|
|||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -19,6 +19,7 @@ random = 0
|
|||
{% partial 'head' %}
|
||||
</head>
|
||||
<body>
|
||||
{% partial 'snowfall' %}
|
||||
<div class="main__banner" style="margin-bottom: 0;">
|
||||
{% component 'adverts'%}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -20,6 +20,7 @@ random = 0
|
|||
{% component 'SeoCmsPage' %}
|
||||
</head>
|
||||
<body>
|
||||
{% partial 'snowfall' %}
|
||||
<div class="main__banner" style="margin-bottom: 0;">
|
||||
{% component 'adverts'%}
|
||||
</div>
|
||||
|
|
@ -56,4 +57,4 @@ random = 0
|
|||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -14,7 +14,7 @@ random = 0
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="{{ ['assets/new/styles/style.css']|theme}}" />
|
||||
<title>Orient</title>
|
||||
<title>{{ this.page.meta_title }}</title>
|
||||
|
||||
{% styles %}
|
||||
</head>
|
||||
|
|
@ -47,32 +47,42 @@ random = 0
|
|||
</div>
|
||||
|
||||
<div class="header-left">
|
||||
<a href="#" class="header-logo">
|
||||
<a href="/new" class="header-logo">
|
||||
<img src="{{ 'assets/new/icons/orientlogo.svg'|theme}}" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<ul class="header-ext">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="{{ 'assets/new/icons/fb.svg'|theme}}" alt="" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="{{ 'assets/new/icons/insta.svg'|theme}}" alt="" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="{{ 'assets/new/icons/tg.svg'|theme}}" alt="" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="{{ 'assets/new/icons/twit.svg'|theme}}" alt="" />
|
||||
</a>
|
||||
</li>
|
||||
{% if this.theme.facebook %}
|
||||
<li>
|
||||
<a href="{{ this.theme.facebook }}">
|
||||
<img src="{{'assets/new/icons/fb.svg'|theme}}" alt="" />
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if this.theme.instagram %}
|
||||
<li>
|
||||
<a href="{{ this.theme.instagram }}">
|
||||
<img src="{{'assets/new/icons/insta.svg'|theme}}" alt="" />
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
{% if this.theme.telegram %}
|
||||
<li>
|
||||
<a href="{{ this.theme.telegram }}">
|
||||
<img src="{{'assets/new/icons/tg.svg'|theme}}" alt="" />
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
{% if this.theme.twitter %}
|
||||
<li>
|
||||
<a href="{{ this.theme.twitter }}">
|
||||
<img src="{{'assets/new/icons/twit.svg'|theme}}" alt="" />
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
<form class="header-search">
|
||||
<input type="text" placeholder="Поиск..." />
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
{% partial 'head' %}
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{% partial 'snowfall' %}
|
||||
{% page %}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@ random = 0
|
|||
{% partial 'head' %}
|
||||
</head>
|
||||
<body>
|
||||
{% partial 'snowfall' %}
|
||||
<div class="main__banner" style="margin-bottom: 0;">
|
||||
{% component 'adverts'%}
|
||||
</div>
|
||||
|
|
@ -53,4 +54,4 @@ $(document).ready(function(){
|
|||
gtag('config', 'G-HHRB3PCSBQ');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
title = "new/contact"
|
||||
url = "/new/contact"
|
||||
layout = "new/master"
|
||||
meta_title = "Обратная связь"
|
||||
is_hidden = 0
|
||||
robot_index = "index"
|
||||
robot_follow = "follow"
|
||||
|
||||
[contactForm]
|
||||
==
|
||||
<main class="contant">
|
||||
<div class="container">
|
||||
<div class="contact-inner">
|
||||
<div class="contact-left">
|
||||
<div class="trending-head contact-head">
|
||||
<h2>{{ this.page.meta_title }}</h2>
|
||||
<span></span>
|
||||
</div>
|
||||
|
||||
|
||||
<form class="contact-form">
|
||||
<div class="contact-content">
|
||||
<div class="contact-block">
|
||||
<label for="name" name="name">Ваше имя <span>*</span></label>
|
||||
<input type="text" required placeholder="Аманов Аман" id="name" />
|
||||
</div>
|
||||
<div class="contact-block">
|
||||
<label for="email" name="email">Ваше Email <span>*</span></label>
|
||||
<input required type="email" placeholder="amanamanov@gmail.com" id="email" />
|
||||
</div>
|
||||
<div class="contact-block">
|
||||
<label for="message" name="message">Тема сообщения</label>
|
||||
<textarea name="message" id="message" rows="10" placeholder="Тема сообщения"></textarea>
|
||||
</div>
|
||||
<div class="contact-antispam">
|
||||
<img src="{{'assets/new/images/antispam.jpg'|theme}}" alt="" />
|
||||
</div>
|
||||
<div class="contact-block">
|
||||
<label for="code" name="code">Введите текст на картинке<span>*</span></label>
|
||||
<input type="text" required id="code" />
|
||||
</div>
|
||||
<button type="submit">Отправить</button>
|
||||
</div>
|
||||
|
||||
<div class="contact-send"></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
title = "new/photo"
|
||||
url = "/new/photo"
|
||||
layout = "new/master"
|
||||
meta_title = "Фотоархив"
|
||||
is_hidden = 0
|
||||
robot_index = "index"
|
||||
robot_follow = "follow"
|
||||
|
||||
[blogPosts]
|
||||
pageNumber = "{{ :page }}"
|
||||
categoryFilter = "foto"
|
||||
postsPerPage = 9
|
||||
noPostsMessage = "No posts found"
|
||||
sortOrder = "published_at desc"
|
||||
categoryPage = "new/category"
|
||||
postPage = "new/newPost"
|
||||
==
|
||||
{% set posts = blogPosts.posts %}
|
||||
|
||||
<main class="video-main">
|
||||
<div class="container">
|
||||
<div class="video-main-inner">
|
||||
<div class="trending-head video-main-head">
|
||||
<h2>{{ this.page.meta_title }}</h2>
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="video-main-top photo-main-top">
|
||||
|
||||
|
||||
{% for post in posts %}
|
||||
|
||||
{% partial 'new/photo-item' post=post %}
|
||||
|
||||
{% else %}
|
||||
<li class="no-data">{{ blogPosts.noPostsMessage }}</li>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
{% partial 'new/pagination' items = blogPosts.posts %}
|
||||
<!-- <div class="video-main-bottom">
|
||||
|
||||
<button type="button" class="video-main-pagination">
|
||||
<div>
|
||||
<img src="../assets/icons/arrow-left-white.svg" alt="" />
|
||||
</div>
|
||||
</button>
|
||||
<span>1/1000</span>
|
||||
<button type="button" class="video-main-pagination">
|
||||
<div>
|
||||
<img src="../assets/icons/arrow-right-white.svg" alt="" />
|
||||
</div>
|
||||
</button>
|
||||
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
title = "new/tender"
|
||||
url = "/new/tender"
|
||||
layout = "new/master"
|
||||
meta_title = "Тендеры"
|
||||
is_hidden = 0
|
||||
robot_index = "index"
|
||||
robot_follow = "follow"
|
||||
|
||||
[blogPosts]
|
||||
pageNumber = "{{ :page }}"
|
||||
categoryFilter = "tendery"
|
||||
postsPerPage = 6
|
||||
noPostsMessage = "No posts found"
|
||||
sortOrder = "published_at desc"
|
||||
categoryPage = "new/category"
|
||||
postPage = "new/newPost"
|
||||
==
|
||||
{% set posts = blogPosts.posts %}
|
||||
|
||||
<main class="rubric-main">
|
||||
<div class="container">
|
||||
<div class="rubric-inner">
|
||||
<div class="trending-head">
|
||||
<h2>{{ this.page.meta_title }}</h2>
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="rubric-items">
|
||||
|
||||
{% for post in posts %}
|
||||
{% partial 'new/tender-item' post=post %}
|
||||
{% else %}
|
||||
<li class="no-data">{{ blogPosts.noPostsMessage }}</li>
|
||||
{% endfor %}
|
||||
|
||||
|
||||
</div>
|
||||
{% partial 'new/pagination' items = blogPosts.posts %}
|
||||
<!-- <div class="video-main-bottom rubric-bottom">
|
||||
<button type="button" class="video-main-pagination">
|
||||
<div>
|
||||
<img src="../assets/icons/arrow-left-white.svg" alt="" />
|
||||
</div>
|
||||
</button>
|
||||
<span>1/1000</span>
|
||||
<button type="button" class="video-main-pagination">
|
||||
<div>
|
||||
<img src="../assets/icons/arrow-right-white.svg" alt="" />
|
||||
</div>
|
||||
</button>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
|
@ -12,10 +12,11 @@
|
|||
{% styles %}
|
||||
<link href="{{ 'assets/css/style.css'|theme }}" rel="stylesheet">
|
||||
<link href="{{ 'assets/css/main.css'|theme }}" rel="stylesheet">
|
||||
|
||||
<link rel="icon" href="{{'assets/images/icon/cropped-cropped-orienticon-32x32.png'|theme}}" sizes="32x32">
|
||||
<link rel="icon" href="{{'assets/images/icon/cropped-cropped-orienticon-192x192.png'|theme}}" sizes="192x192">
|
||||
<link rel="apple-touch-icon-precomposed" href="{{'assets/images/icon/cropped-cropped-orienticon-180x180.png'|theme}}">
|
||||
<meta name="msapplication-TileImage" content="{{'assets/images/icon/cropped-cropped-orienticon-270x270.png'|theme}}">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="yandex-verification" content="9d83831cdb407bac" />
|
||||
<meta name="yandex-verification" content="9d83831cdb407bac" />
|
||||
|
|
@ -15,7 +15,7 @@ postPage = 404
|
|||
<div class="marquee-title">
|
||||
<span>Главное</span>
|
||||
</div>
|
||||
<marquee behavior="scroll" direction="left" scrollamount="12" onmouseover="this.stop()" onmouseleave="this.start()" class="ticker">
|
||||
<marquee behavior="scroll" direction="left" scrollamount="7" onmouseover="this.stop()" onmouseleave="this.start()" class="ticker">
|
||||
<div class="ticker-wrapper">
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,17 @@
|
|||
[viewBag]
|
||||
==
|
||||
<div class="video-item photo-item">
|
||||
<a href="{{'new/newPost'|page({id:post.id,slug:post.slug})}}" class="video photo">
|
||||
<img src="{{post.featured_image|media|resize(383)}}" />
|
||||
</a>
|
||||
<div class="sub-news-left-content-item-content video-info">
|
||||
<div class="sub-news-left-content-item-date-content-head">
|
||||
<h4>{{post.published_at|date('d.m.Y')}}</h4>
|
||||
<span>|</span>
|
||||
<h4>{{post.published_at|date('H:i')}}</h4>
|
||||
</div>
|
||||
<p class="sub-news-left-content-item-date-content-info">
|
||||
<a href="{{'new/newPost'|page({id:post.id,slug:post.slug})}}">{{post.title}}</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
[viewBag]
|
||||
==
|
||||
<a href="{{'new/newPost'|page({id:post.id,slug:post.slug})}}" class="sub-news-left-content-item rubric-item">
|
||||
<div class="sub-news-left-content-item-content">
|
||||
<h3>
|
||||
{{post.title}}
|
||||
</h3>
|
||||
<div class="sub-news-left-content-item-date-content-head">
|
||||
<h4>{{post.published_at|date('d.m.Y')}}</h4>
|
||||
<span>|</span>
|
||||
<h4>{{post.published_at|date('H:i')}}</h4>
|
||||
</div>
|
||||
<p class="sub-news-left-content-item-date-content-info">
|
||||
{{post.excerpt}}
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -1,6 +1,8 @@
|
|||
[viewBag]
|
||||
|
||||
[blogPosts poleznoe]
|
||||
pageNumber = "{{ :page }}"
|
||||
postsPerPage = 8
|
||||
postsPerPage = 5
|
||||
noPostsMessage = "No posts found"
|
||||
sortOrder = "published_at desc"
|
||||
categoryPage = 404
|
||||
|
|
@ -14,8 +16,6 @@ noPostsMessage = "No posts found"
|
|||
sortOrder = "published_at desc"
|
||||
categoryPage = 404
|
||||
postPage = 404
|
||||
|
||||
[viewBag]
|
||||
==
|
||||
{% set posts = poleznoe.posts %}
|
||||
{% set mediaPosts = mediaPosts.posts %}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
[viewBag]
|
||||
==
|
||||
<link href="{{ 'assets/css/snowfall.css'|theme }}" rel="stylesheet">
|
||||
<snowfall>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
<snowflake><img src="{{ 'assets/images/snowflake.png'|theme }}">️</snowflake>
|
||||
</snowfall>
|
||||
Loading…
Reference in New Issue