This commit is contained in:
Roman Pyrih
2025-10-08 11:13:53 +02:00
parent d8340d005c
commit dc90a291f0
4 changed files with 61 additions and 37 deletions

View File

@@ -1,11 +1,9 @@
// function addGoogleReviews() {
// let topHeader = document.getElementById('main-header')
// if (!topHeader) return console.log('topHeader not found');
// let topHeaderMain = topHeader.querySelector('.functional-header .main')
// if (!topHeaderMain) return console.log('topHeaderMain not found');
// let children = topHeaderMain.querySelectorAll(':scope > div')
// if (children.length > 1) {
@@ -26,25 +24,24 @@
// addGoogleReviews()
function addBtnHomePage() {
let slider = document.getElementById('widget197464156');
if (!slider) return;
let slider = document.getElementById('widget197464156')
if (!slider) return
let sliders = slider.querySelectorAll('.carousel .carousel-inner .item');
console.log(sliders);
sliders.forEach(function (item) {
let newLink = document.createElement("a");
newLink.innerHTML = "<span>Skontaktuj się z nami</span>";
newLink.href = "/contact";
newLink.className = "extra-link btn";
let sliders = slider.querySelectorAll('.carousel .carousel-inner .item')
console.log(sliders)
item.querySelector('.text-container').appendChild(newLink);
});
sliders.forEach(function (item) {
let newLink = document.createElement('a')
newLink.innerHTML = '<span>Skontaktuj się z nami</span>'
newLink.href = '/contact'
newLink.className = 'extra-link btn'
item.querySelector('.text-container').appendChild(newLink)
})
}
addBtnHomePage();
addBtnHomePage()
//! New header
let header_html = `
@@ -54,6 +51,7 @@ let header_html = `
<div class="c-col c-col-1">
<a href="/">
<img src="/image//getbyid/514053">
<span>SPECJALIŚCI OD WAKACJI</span>
</a>
</div>
<div class="c-col c-col-2">
@@ -72,13 +70,12 @@ let header_html = `
</div>
<div class="c-col c-col-4">
<ul class="box-social-header">
<li>
<li class="box-social-header-1">
<a href="https://www.facebook.com/479269998793537" target="_blank" class="btn-social text-color-1 background-color-12 mobile-menu-item" data-mobile-menu-item-type="social" data-mobile-menu-item-icon="fa-facebook" id="footer-btn-facebook">
<span class="text">Znajdź nas</span>
<span class="fa fa-fw fa-facebook"></span>
<img src="https://vcms.eu/image/getthumb/514243">
</a>
</li>
<li>
<li class="box-social-header-2">
<a href="https://www.google.com/search?sca_esv=a55453b1a2e256c7&sxsrf=AE3TifNoSGmG80uQ-x7mtWOK5gpCW7JsEA:1749074537834&uds=AOm0WdE2fekQnsyfYEw8JPYozOKzrlAVkNCu_AoCAsiKnoHr1pg7JgUIHdDkJWfE1XKjyVTPHC-4q5ESJH2zE7vZdmMS0pOZf973xLUCTLP3IcLLfWH63gy1wQDFC6A5LWKxBohKjBYDyXSgmJGeLQ2eP3t8w5acByaD1qhbVny8b1B6hhsuCyQ&si=AMgyJEuzsz2NflaaWzrzdpjxXXRaJ2hfdMsbe_mSWso6src8s1htkSNfLSEhAxFYP5Svp_mWLUxmfe_GBYavp3unJ16h0Lo9m_I0mYEYNqC9tPHs_bfHt4k%3D&q=Biuro+Podr%C3%B3%C5%BCy+Wagabunda+Rzesz%C3%B3w+Opinie&sa=X&ved=2ahUKEwjLsI204tiNAxWNIRAIHUg5ID4Q3PALegQIQRAF&biw=2560&bih=935&dpr=1" target="_blank">
<img src="https://vcms.eu/image/getthumb/513608">
</a>
@@ -90,8 +87,8 @@ let header_html = `
</div>
`
const mainHeader = document.querySelector("#main-header");
const firstRow = mainHeader.querySelector(".row.sortable-row");
const mainHeader = document.querySelector('#main-header')
const firstRow = mainHeader.querySelector('.row.sortable-row')
if (firstRow) {
firstRow.outerHTML = header_html;
}
firstRow.outerHTML = header_html
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,4 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Swanky+and+Moo+Moo&display=swap');
$cYellow: #ffd024;
$cYellowLight: #ffe37c;
@@ -8,6 +9,7 @@ $cTxtBlack: #191919;
$cTxtBlack2: #2a2a2a;
$fPoppins: 'Poppins', sans-serif;
$fSwanky: 'Swanky and Moo Moo', sans-serif;
//! Global - start
* {
@@ -108,10 +110,26 @@ header#main-header {
&-1 {
width: calc((100% - 100px) / 3);
a {
display: flex;
flex-direction: column;
text-decoration: none;
}
img {
width: 100%;
max-width: 250px;
}
span {
color: #dd222a;
font-family: $fSwanky;
font-size: 24px;
width: 100%;
max-width: 250px;
text-align: center;
font-weight: 900;
text-decoration: none;
}
}
&-2 {
width: calc((100% - 100px) / 3);
@@ -134,6 +152,7 @@ header#main-header {
}
&-3 {
width: calc((100% - 100px) / 3);
height: 80px;
ul {
list-style: none;
@@ -178,18 +197,26 @@ header#main-header {
max-width: 80px;
}
.btn-social {
display: inline-flex;
padding: 5px 10px;
background: rgba(0, 133, 237, 1);
flex-direction: row;
align-items: center;
width: max-content;
color: #fff;
border-radius: 5px;
// .btn-social {
// display: inline-flex;
// padding: 5px 10px;
// background: rgba(0, 133, 237, 1);
// flex-direction: row;
// align-items: center;
// width: max-content;
// color: #fff;
// border-radius: 5px;
.text {
font-size: 12px;
// .text {
// font-size: 12px;
// }
// }
&.box-social-header-1 {
a {
img {
max-width: 90px;
}
}
}
}