update
This commit is contained in:
tanch0
141
public/hulaki/assets/css/custom.css
Normal file
141
public/hulaki/assets/css/custom.css
Normal file
@ -0,0 +1,141 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
|
||||
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
|
||||
.cd__intro {
|
||||
padding: 60px 30px;
|
||||
margin-bottom: 15px;
|
||||
flex-direction: column;
|
||||
|
||||
}
|
||||
|
||||
.cd__intro,
|
||||
.cd__credit {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
color: #333;
|
||||
line-height: 1.5;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cd__intro h1 {
|
||||
font-size: 18pt;
|
||||
padding-bottom: 15px;
|
||||
|
||||
}
|
||||
|
||||
.cd__intro p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.cd__action {
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.cd__action a.cd__btn {
|
||||
text-decoration: none;
|
||||
color: #666;
|
||||
border: 2px solid #666;
|
||||
padding: 10px 15px;
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.cd__action a.cd__btn:hover {
|
||||
background: #666;
|
||||
color: #fff;
|
||||
transition: .3s;
|
||||
-webkit-transition: .3s;
|
||||
}
|
||||
|
||||
.cd__action .cd__btn:before {
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.down:before {
|
||||
content: "\f019"
|
||||
}
|
||||
|
||||
.back:before {
|
||||
content: "\f112"
|
||||
}
|
||||
|
||||
.cd__credit {
|
||||
padding: 12px;
|
||||
font-size: 9pt;
|
||||
margin-top: 40px;
|
||||
|
||||
}
|
||||
|
||||
.cd__credit span:before {
|
||||
font-family: FontAwesome;
|
||||
color: #e41b17;
|
||||
content: "\f004";
|
||||
|
||||
|
||||
}
|
||||
|
||||
.cd__credit a {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cd__credit a:hover {
|
||||
color: #1DBF73;
|
||||
}
|
||||
|
||||
.cd__credit a:hover:after {
|
||||
font-family: FontAwesome;
|
||||
content: "\f08e";
|
||||
font-size: 9pt;
|
||||
position: absolute;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.cd__main {
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
.cd__main {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1360px) {
|
||||
.cd__main {
|
||||
max-width: 1280px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
fieldset,
|
||||
legend {
|
||||
all: revert;
|
||||
}
|
||||
@ -1,194 +1,71 @@
|
||||
// marquee
|
||||
function handleMarquee() {
|
||||
const marquee = document.querySelectorAll('.marquee');
|
||||
let speed = 1;
|
||||
let lastScrollPos = 0;
|
||||
let timer;
|
||||
|
||||
|
||||
marquee.forEach(function (el) {
|
||||
// stop animation on mouseenter
|
||||
mouseEntered = false;
|
||||
document.querySelector('.inner').addEventListener('mouseenter', function () {
|
||||
mouseEntered = true;
|
||||
})
|
||||
document.querySelector('.inner').addEventListener('mouseleave', function () {
|
||||
mouseEntered = false
|
||||
})
|
||||
|
||||
const container = el.querySelector('.inner');
|
||||
const content = el.querySelector('.inner > *');
|
||||
//Get total width
|
||||
const elWidth = content.offsetWidth;
|
||||
|
||||
//Duplicate content
|
||||
let clone = content.cloneNode(true);
|
||||
container.appendChild(clone);
|
||||
|
||||
let progress = 1;
|
||||
|
||||
function loop() {
|
||||
if (mouseEntered === false) {
|
||||
progress = progress - speed;
|
||||
}
|
||||
if (progress <= elWidth * -1) {
|
||||
progress = 0;
|
||||
}
|
||||
container.style.transform = 'translateX(' + progress + 'px)';
|
||||
window.requestAnimationFrame(loop);
|
||||
$('body').on('click', '.remove-item', function (e) {
|
||||
e.preventDefault();
|
||||
let url = $(this).data('link');
|
||||
let id = $(this).data('id');
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: 'DELETE',
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
},
|
||||
data: {
|
||||
id: id
|
||||
},
|
||||
success: function (response) {
|
||||
location.reload();
|
||||
},
|
||||
error: function (xhr, status, error) {
|
||||
console.error(xhr.responseText);
|
||||
}
|
||||
});
|
||||
}
|
||||
loop();
|
||||
});
|
||||
|
||||
function handleSpeedClear() {
|
||||
speed = 4;
|
||||
}
|
||||
};
|
||||
|
||||
handleMarquee();
|
||||
|
||||
//DROPDOWN
|
||||
|
||||
const $dropdown = $(".dropdown");
|
||||
const $dropdownToggle = $(".dropdown-toggle");
|
||||
const $dropdownMenu = $(".dropdown-menu");
|
||||
const showClass = "show";
|
||||
|
||||
$(window).on("load resize", function () {
|
||||
if (this.matchMedia("(min-width: 768px)").matches) {
|
||||
$dropdown.hover(
|
||||
function () {
|
||||
const $this = $(this);
|
||||
$this.addClass(showClass);
|
||||
$this.find($dropdownToggle).attr("aria-expanded", "true");
|
||||
$this.find($dropdownMenu).addClass(showClass);
|
||||
},
|
||||
function () {
|
||||
const $this = $(this);
|
||||
$this.removeClass(showClass);
|
||||
$this.find($dropdownToggle).attr("aria-expanded", "false");
|
||||
$this.find($dropdownMenu).removeClass(showClass);
|
||||
}
|
||||
);
|
||||
} else {
|
||||
$dropdown.off("mouseenter mouseleave");
|
||||
}
|
||||
});
|
||||
// SIDE NAV
|
||||
function openNav() {
|
||||
document.getElementById("mySidenav").style.width = "320px";
|
||||
}
|
||||
|
||||
function closeNav() {
|
||||
document.getElementById("mySidenav").style.width = "0";
|
||||
}
|
||||
$(document).ready(function () {
|
||||
$('textarea#body').summernote({
|
||||
height: '300px'
|
||||
});
|
||||
});
|
||||
// SCROLL TO TOP
|
||||
|
||||
mybutton = document.getElementById("myBtn");
|
||||
window.onscroll = function () {
|
||||
scrollFunction()
|
||||
};
|
||||
function scrollFunction() {
|
||||
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
||||
mybutton.style.display = "block";
|
||||
} else {
|
||||
mybutton.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function topFunction() {
|
||||
document.body.scrollTop = 0;
|
||||
document.documentElement.scrollTop = 0;
|
||||
}
|
||||
|
||||
//FOR SIDENAV DROPDOWN
|
||||
$(".feat-btn").click(function () {
|
||||
$("nav ul .feat-show").toggleClass("show");
|
||||
$("nav ul .first").toggleClass("rotate");
|
||||
});
|
||||
$(".samachar-btn").click(function () {
|
||||
$("nav ul .samachar-show").toggleClass("show1");
|
||||
$("nav ul .second").toggleClass("rotate");
|
||||
});
|
||||
$(".jeewan-btn").click(function () {
|
||||
$("nav ul .jeewan-show").toggleClass("show2");
|
||||
$("nav ul .third").toggleClass("rotate");
|
||||
});
|
||||
$(".artha-btn").click(function () {
|
||||
$("nav ul .artha-show").toggleClass("show3");
|
||||
$("nav ul .fourth").toggleClass("rotate");
|
||||
});
|
||||
$(".suchana-btn").click(function () {
|
||||
$("nav ul .suchana-show").toggleClass("show4");
|
||||
$("nav ul .fifth").toggleClass("rotate");
|
||||
});
|
||||
$(".khelkud-btn").click(function () {
|
||||
$("nav ul .khelkud-show").toggleClass("show5");
|
||||
$("nav ul .sixth").toggleClass("rotate");
|
||||
});
|
||||
$(".kala-btn").click(function () {
|
||||
$("nav ul .kala-show").toggleClass("show6");
|
||||
$("nav ul .seventh").toggleClass("rotate");
|
||||
});
|
||||
$(".bichar-btn").click(function () {
|
||||
$("nav ul .bichar-show").toggleClass("show7");
|
||||
$("nav ul .eight").toggleClass("rotate");
|
||||
});
|
||||
|
||||
//SHOW HIDE FOR PRADESH
|
||||
$(document).ready(function() {
|
||||
$('#show-hidden-menu').click(function() {
|
||||
$('.hidden-menu').slideToggle("slow");
|
||||
// Alternative animation for example
|
||||
// slideToggle("fast");
|
||||
});
|
||||
});
|
||||
|
||||
//PHOTO GALLERY
|
||||
$('.owl-carousel.photo-gallery-carousel').owlCarousel({
|
||||
loop:true,
|
||||
margin:10,
|
||||
nav:false,
|
||||
autoplay: true,
|
||||
responsive:{
|
||||
0:{
|
||||
items:2
|
||||
},
|
||||
600:{
|
||||
items:3
|
||||
},
|
||||
1000:{
|
||||
items:4
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
//MATCH HEIGHT
|
||||
//ANTARBARTA TITLE
|
||||
$(document).ready(function(){
|
||||
$('.antarbartaTitle').matchHeight();
|
||||
})
|
||||
|
||||
//ANTARBARTA PARAGRAPH
|
||||
$(document).ready(function(){
|
||||
$('.antarbartaPara').matchHeight();
|
||||
})
|
||||
|
||||
//PRADESH
|
||||
$(document).ready(function(){
|
||||
$('.pradesh-image').matchHeight();
|
||||
})
|
||||
// FIXED NAVBAR
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 120) {
|
||||
$(".header-wrapper").addClass("fixed");
|
||||
} else {
|
||||
$(".header-wrapper").removeClass("fixed");
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
//initialize ckeditor
|
||||
document.querySelectorAll('.ckeditor-classic').forEach(editor => {
|
||||
ClassicEditor
|
||||
.create(editor)
|
||||
.catch(error => {
|
||||
console.error(error);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// //initialize select2
|
||||
// $('.dropify').dropify();
|
||||
|
||||
// //initialize select2
|
||||
// $('.select2').select2();
|
||||
|
||||
// $('body').on('keyup', '.numeric', function () {
|
||||
// this.value = this.value.replace(/[^0-9\.]/g, '');
|
||||
// });
|
||||
|
||||
// $(".flatpickr-date").flatpickr({
|
||||
// enableTime: false,
|
||||
// dateFormat: "Y-m-d",
|
||||
// altInput: true,
|
||||
// altFormat: "Y-m-d",
|
||||
// defaultDate: "",
|
||||
// });
|
||||
|
||||
// $(".flatpickr-time").flatpickr({
|
||||
// enableTime: true,
|
||||
// noCalendar: false,
|
||||
// dateFormat: "H:i",
|
||||
// time_24hr: false,
|
||||
// });
|
||||
|
||||
Reference in New Issue
Block a user