Skip to content

Commit

Permalink
added for blocks
Browse files Browse the repository at this point in the history
  • Loading branch information
jmiras authored and jonas committed Nov 6, 2024
1 parent 7ba49b2 commit 81366f6
Show file tree
Hide file tree
Showing 51 changed files with 1,404 additions and 1,569 deletions.
Binary file added assets/theme/assets/images/prev-btn.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/theme/assets/images/x-button.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
37 changes: 3 additions & 34 deletions assets/theme/controllers/SubMenuController.ts
Original file line number Diff line number Diff line change
@@ -1,39 +1,8 @@
import { Controller } from "@hotwired/stimulus";
import * as $ from 'jquery';
import hello_Controller from "./Hello_Controller";
export default class extends Controller {
// static targets=["hiddenContent"]
connect() {
console.log("vlog1","vlog2","vlog3","vlog4",this.element)
// this.hiddenContentTarget.hidden = true
}

greet() {
console.log("you press the page")
// in this action i just grab this sub-menu-ul which is the parent of my sub-menu-list. then i add
// toggle clas in which if i click to button it will togle the list of the ul.
// then i just add the class open in which i also add in my css for the list of ul to be displayed
$(".sub-menu-ul").toggleClass("open");
$(".menu").css({
"background":"#171717"
})
$(".first-label2").css({
"font-weight": "bold"
})
export default class extends Controller{

}
KeyboardKey(event){
console.log("you press enter")
}
button(){
console.log("nav item")
$(".navigation1").toggleClass("blow");
$(".nav-item").css({
"margin-bottom":"1px solid gray"
});
// $(".nav-item").css({
// "border-bottom":"2px solid gray","width":"100%","padding":"2rem"
// });
// $(".number").toggleClass("blow");
connect() {
console.log('subMenu working')
}
}
1 change: 0 additions & 1 deletion assets/theme/controllers/VueController.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@ import {Controller} from "@hotwired/stimulus";
import AppComponent from "../components/App.vue";
import {VueFactory} from "@enhavo/app/vue/VueFactory";
import {VueRouterFactory} from "../vue/VueRouterFactory";

export default class extends Controller
{
connect()
Expand Down
116 changes: 56 additions & 60 deletions assets/theme/styles/blocks/advanced-text.scss
Original file line number Diff line number Diff line change
@@ -1,68 +1,64 @@
.advance-text-block {
margin: 90px 0 50px;

.block-advance-text {
padding-top: 150px;
.advanced-text-grid {
max-width: 1390px;
display: grid;
display: grid;flex-direction: column;
grid-template-columns: repeat(6, 1fr);
grid-gap: 51px;
margin: 0 auto;
}

.advanced-text-container {
display: flex;
flex-direction: column;
grid-column: 2 /span 4;
}
.advanced-text-big-headline{
color: #171717;
font-family: "Open Sans";
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 64px; /* 128% */
text-transform: uppercase;
}

.advanced-text-text-big {
display: flex;
flex-direction: column;
grid-column: 2 /span 4;

.advanced-text-big-copy {
margin-top: 20px;
color: #171717;
font-family: "Open Sans";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
.advanced-text-headline-breaker{
grid-column: 2 / span 4;
.bold-headline{
font-size: 3.125rem;
line-height: 1.28em;
}
}
}

.advanced-text-one-column {
grid-column: 1 /span 4;
}

.advanced-text-two-column-wide {
display: flex;
flex-direction: column;
grid-column: 2 /span 4;
}

.advanced-text-two-column {
display: flex;
flex-direction: column;
grid-column: 1 /span 3;
}
.column {
margin-top: 52px;
grid-column: 4 / span 3;

.two-button {
.advanced-text-text-big {
display: flex;
flex-direction: column;
grid-column: 2 /span 4;
.bold-headline{
padding: 5px 0 20px 0;
}
.bold-copy {
font-size: 24px;
font-weight: 700;
}
}
.advanced-text-one-column {
grid-column: 1 /span 3;
.bold-headline{
padding: 5px 0 15px 0;
}
}
.advanced-text-one-column-wide {
display: flex;
flex-direction: column;
grid-column: 2 /span 4;
.bold-headline{
padding: 5px 0 15px 0;
}
}
.advanced-text-two-column {
grid-column: span 6;
.two-column-btn {
margin-left: auto
}
.theme-copies {
display: flex;
gap: 51px;
}
}
.advanced-text-button{
margin-top: 30px;
display: flex;
justify-content: flex-end;
align-items: end;
justify-content: center;
align-items: center;
border-radius: 40px;
border: 2px solid #000;
width: 280px;
height: 51px;
grid-column: span 3;
cursor: pointer;
text-decoration: none;
}
}
}
126 changes: 53 additions & 73 deletions assets/theme/styles/blocks/card.scss
Original file line number Diff line number Diff line change
@@ -1,88 +1,68 @@
.block_card {
width: 100%;
align-items: center;

.hero-container {
margin-top: 160px;
}

.block-card {
padding-top: 160px;
.grid-container {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 51px;
max-width: 1390px;
margin-inline: auto;
}

.card-media-text {
width: 100%;
grid-column: 1 / span 3;
grid-row: 1;
z-index: -1;
background-size: cover;
}
.texts_container {
grid-row: 1;
grid-column: 4 / span 3;
}
.card_overline {
margin-top: 27px;
}

.card_headline {
margin-top: 5px !important;
}

.card-media-gradient {
width: 100%;
grid-column: 2 / span 3;
grid-row: 1;
z-index: -1;
background-size: cover;
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px;
.card-media-img {
width: 100%;
height: 100%;
object-fit: cover;
grid-column: 1 / span 1;
grid-row: 1;
z-index: -1;
background-size: cover;
}
.texts-container {
grid-row: 1;
grid-column: 2 / span 1;
.overline {
margin-top: 27px;
}
.headline {
padding: 5px 0 15px 0;
}
}
.card-media-gradient-img {
max-width: 100%;
height: 100%;
margin-left: 261px;
grid-column: 1/ span 1;
grid-row: 1;
background-size: cover;
}
.gradient-texts-container {
grid-row: 1;
grid-column: 2 / span 1;
display: flex;
flex-direction: column;
justify-content: center;
}
}

.gradient-texts_container {
grid-row: 1;
grid-column: 4 / span 3;
margin-top: 112px;
}

.media-text-stacked {
grid-column: 2 / span 4;
}

.media-text-stacked-text-container {
grid-column: 2 / span 4;;
grid-row-gap: 0px;
}

.card_overline-stacked {
margin-top: 20px;
}

.card_headline {
margin-top: 5px !important;
.media-stacked-grid{
display: grid;
grid-template-columns: 1fr;
margin: 0 auto;
max-width: 1320px;
.media-text-stacked-img {
grid-column: span 2;
max-width: 100%;height: 100%;object-fit: cover;
}
.media-text-stacked-text-container {
grid-column: span 2;
padding-top: 20px;
width: 58%;
}
}

.card_button_1, .hero_button_1 {
.card-button{
margin-top: 30px;
padding: 15px 30px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 40px;
border: 2px solid #000;
width: 280px;
height: 51px;
color: #171717;
font-family: "Open Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 19px; /* 105.556% */
letter-spacing: 0.45px;
text-transform: uppercase;
grid-column: span 3;
cursor: pointer;
text-decoration: none;
Expand Down
Loading

0 comments on commit 81366f6

Please sign in to comment.