ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro / resources / js / views / Tbf /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : WebinarOneSection.vue \| Size : 7.02 KB
<template> <div class="content-page webinar-one-section"> <div class="section-header" id="firstBodySection"> <div class="data-header"> <div class="container-header"> <svg viewBox="0 0 91 14" class="title-svg"> <text x="0" y="13">live webinar</text> </svg> <h1 class="title">live webinar</h1> <div class="content-header"> <div class="box-left"> <h2 class="subtitle">Top 10 obiective pentru companiile care vor să crească rapid în trimestrul 3 din 2023</h2> <!-- <h2 class="subtitle">pentru antreprenorii</h2> --> <!-- <h2 class="subtitle">și liderii Români</h2> --> <div class="description-roboto"> Pe 21 Iunie, la ora 19:00 Răzvan Căzănescu susține un webinar live în care explică top 10 obiective pe care companiile ar trebui să le ia în considere dacă vor să crească accelerat în trimestrul 3 2023. </div> <div class="actions-box"> <button class="actions action-inline" @click="redirectToRegister"> <div class="btn-square red">Rezervă-ți locul gratuit</div> </button> <div class="summary"> <div class="item-details"> <div class="value">21</div> <div class="label">Iunie</div> </div> <div class="item-details"> <div class="value">19:00</div> <div class="label">Ora de începere</div> </div> </div> </div> <div class="countdown left"> <div class="countdown-item"> <div class="countdown-value">{{ paddedDays }}</div> <div class="countdown-label">zile</div> </div> <div class="countdown-item"> <div class="countdown-value">{{ paddedHours }}</div> <div class="countdown-label">ore</div> </div> <div class="countdown-item"> <div class="countdown-value">{{ paddedMinutes }}</div> <div class="countdown-label">minute</div> </div> <div class="countdown-item"> <div class="countdown-value">{{ paddedSeconds }}</div> <div class="countdown-label">secunde</div> </div> </div> </div> <div class="box-image"> <img src="/build/images/events/poza-webinar.png" alt="Razvan Cazanescu" class="image-razvan"> </div> </div> </div> </div> <img src="/build/images/events/shader-back-nou (1).png" class="background-particles-0" /> <div id="particles-js" class="particles-black"></div> <img src="/build/images/events/section-1-layer.png" class="background-particles" /> </div> </div> </template> <script> import VLazyImage from "v-lazy-image/v2"; import BreakPage from "../../assets/Tbf/event/BreakPage.vue"; import BreakPageReverse from "../../assets/Tbf/event/BreakPageReverse.vue"; import PlayIcon from "../../assets/Tbf/event/PlayIcon.vue"; import Quote from "../../assets/Tbf/event/Quote.vue"; import Romania from "../../assets/Tbf/event/Romania.vue"; import Logo from "../../assets/Tbf/Logo.vue"; export default { data() { return { targetDate: new Date('June 21, 2023 19:00').getTime(), days: 0, hours: 0, minutes: 0, seconds: 0, }; }, components: { VLazyImage, BreakPage, BreakPageReverse, PlayIcon, Quote, Romania, Logo }, computed: { paddedDays() { return this.padNumber(this.days); }, paddedHours() { return this.padNumber(this.hours); }, paddedMinutes() { return this.padNumber(this.minutes); }, paddedSeconds() { return this.padNumber(this.seconds); }, }, mounted() { window.addEventListener('scroll', this.handleScroll); this.timer = setInterval(() => { const now = new Date().getTime(); const distance = this.targetDate - now; this.days = Math.floor(distance / (1000 * 60 * 60 * 24)); this.hours = Math.floor( (distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60), ); this.minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); this.seconds = Math.floor((distance % (1000 * 60)) / 1000); }, 1000); var noParticles = screen.width > 650 ? 137 : 70; particlesJS('particles-js', { "particles": { "number": { "value": noParticles, "density": { "enable": true, "value_area": 800 } }, "color": { "value": "#ffffff" }, "shape": { "type": "circle", "stroke": { "width": 0, "color": "#000000" }, "polygon": { "nb_sides": 5 }, "image": { "src": "img/github.svg", "width": 100, "height": 100 } }, "opacity": { "value": 0.5, "random": false, "anim": { "enable": false, "speed": 1, "opacity_min": 0.1, "sync": false } }, "size": { "value": 1.5, "random": true, "anim": { "enable": false, "speed": 40, "size_min": 0.1, "sync": false } }, "line_linked": { "enable": true, "distance": 157.82983970406906, "color": "#ffffff", "opacity": 0.4, "width": 1 }, "move": { "enable": true, "speed": 1.60340724038582, "direction": "none", "random": true, "straight": false, "out_mode": "out", "bounce": false, "attract": { "enable": false, "rotateX": 600, "rotateY": 1200 } } }, "interactivity": { "detect_on": "canvas", "events": { "onhover": { "enable": false, "mode": "repulse" }, "onclick": { "enable": false, "mode": "push" }, "resize": true }, "modes": { "grab": { "distance": 400, "line_linked": { "opacity": 1 } }, "bubble": { "distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3 }, "repulse": { "distance": 55.94405594405595, "duration": 0.4 }, "push": { "particles_nb": 4 }, "remove": { "particles_nb": 2 } } }, "retina_detect": true }); }, beforeDestroy() { clearInterval(this.timer); window.removeEventListener('scroll', this.handleScroll); }, methods: { padNumber(number) { return number.toString().padStart(2, '0'); }, handleScroll() { const firstSection = document.querySelector('#firstBodySection'); this.isFooterVisible = window.scrollY > firstSection.offsetHeight; const footer = document.querySelector('.fixed-footer'); footer.style.height = this.isFooterVisible ? (screen.width > 650 ? '100px' : '80px') : '0px'; }, openModalVideo(videoType) { this.$root.$emit('open_modal_video', {video_type: videoType}); }, redirectToRegister(){ this.$router.push({name: 'WebinarInscriere'}) } }, }; </script> Back

Edit File : WebinarOneSection.vue | Size : 7.02 KB

<template>
	<div class="content-page webinar-one-section">
		<div class="section-header" id="firstBodySection">
			<div class="data-header">
				<div class="container-header">
					<svg viewBox="0 0 91 14" class="title-svg">
						<text x="0" y="13">live webinar</text>
					</svg>
					<h1 class="title">live webinar</h1>

<div class="content-header">
						<div class="box-left">
                            <h2 class="subtitle">Top 10 obiective pentru companiile care vor să crească rapid în trimestrul 3 din 2023</h2>
							
							
							<div class="description-roboto">
								Pe 21 Iunie, la ora 19:00 Răzvan Căzănescu susține un webinar live în care explică top 10 obiective pe care companiile ar trebui să le ia în considere dacă vor să crească accelerat în trimestrul 3 2023.
							</div>
                            <div class="actions-box">
                                <button class="actions action-inline" @click="redirectToRegister">
                                    <div class="btn-square red">Rezervă-ți locul gratuit</div>
                                </button>

<div class="summary">
                                    <div class="item-details">
                                        <div class="value">21</div>
                                        <div class="label">Iunie</div>
                                    </div>
                                    <div class="item-details">
                                        <div class="value">19:00</div>
                                        <div class="label">Ora de începere</div>
                                    </div>
                                </div>
                            </div>
							<div class="countdown left">
								<div class="countdown-item">
									<div class="countdown-value">{{ paddedDays }}</div>
									<div class="countdown-label">zile</div>
								</div>
								<div class="countdown-item">
									<div class="countdown-value">{{ paddedHours }}</div>
									<div class="countdown-label">ore</div>
								</div>
								<div class="countdown-item">
									<div class="countdown-value">{{ paddedMinutes }}</div>
									<div class="countdown-label">minute</div>
								</div>
								<div class="countdown-item">
									<div class="countdown-value">{{ paddedSeconds }}</div>
									<div class="countdown-label">secunde</div>
								</div>
							</div>
						</div>  
						<div class="box-image">
							<img src="/build/images/events/poza-webinar.png" alt="Razvan Cazanescu" class="image-razvan">
						</div>
					</div>
				</div>
			</div>

export default {
	data() {
		return {
			targetDate: new Date('June 21, 2023 19:00').getTime(),
			days: 0,
			hours: 0,
			minutes: 0,
			seconds: 0,
		};
	},

components: {
		VLazyImage,
		BreakPage,
		BreakPageReverse,
		PlayIcon,
		Quote,
		Romania,
		Logo
	},

computed: {
		paddedDays() {
			return this.padNumber(this.days);
		},
		paddedHours() {
			return this.padNumber(this.hours);
		},
		paddedMinutes() {
			return this.padNumber(this.minutes);
		},
		paddedSeconds() {
			return this.padNumber(this.seconds);
		},
	},

mounted() {
		window.addEventListener('scroll', this.handleScroll);

this.timer = setInterval(() => {
			const now = new Date().getTime();
			const distance = this.targetDate - now;

this.days = Math.floor(distance / (1000 * 60 * 60 * 24));
			this.hours = Math.floor(
				(distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60),
			);
			this.minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
			this.seconds = Math.floor((distance % (1000 * 60)) / 1000);
		}, 1000);

var noParticles = screen.width > 650 ? 137 : 70;
		particlesJS('particles-js', {
			"particles": {
				"number": {
					"value": noParticles,
					"density": {
						"enable": true,
						"value_area": 800
					}
				},
				"color": {
					"value": "#ffffff"
				},
				"shape": {
					"type": "circle",
					"stroke": {
						"width": 0,
						"color": "#000000"
					},
					"polygon": {
						"nb_sides": 5
					},
					"image": {
						"src": "img/github.svg",
						"width": 100,
						"height": 100
					}
				},
				"opacity": {
					"value": 0.5,
					"random": false,
					"anim": {
						"enable": false,
						"speed": 1,
						"opacity_min": 0.1,
						"sync": false
					}
				},
				"size": {
					"value": 1.5,
					"random": true,
					"anim": {
						"enable": false,
						"speed": 40,
						"size_min": 0.1,
						"sync": false
					}
				},
				"line_linked": {
					"enable": true,
					"distance": 157.82983970406906,
					"color": "#ffffff",
					"opacity": 0.4,
					"width": 1
				},
				"move": {
					"enable": true,
					"speed": 1.60340724038582,
					"direction": "none",
					"random": true,
					"straight": false,
					"out_mode": "out",
					"bounce": false,
					"attract": {
						"enable": false,
						"rotateX": 600,
						"rotateY": 1200
					}
				}
			},
			"interactivity": {
				"detect_on": "canvas",
				"events": {
					"onhover": {
						"enable": false,
						"mode": "repulse"
					},
					"onclick": {
						"enable": false,
						"mode": "push"
					},
					"resize": true
				},
				"modes": {
					"grab": {
						"distance": 400,
						"line_linked": {
							"opacity": 1
						}
					},
					"bubble": {
						"distance": 400,
						"size": 40,
						"duration": 2,
						"opacity": 8,
						"speed": 3
					},
					"repulse": {
						"distance": 55.94405594405595,
						"duration": 0.4
					},
					"push": {
						"particles_nb": 4
					},
					"remove": {
						"particles_nb": 2
					}
				}
			},
			"retina_detect": true
		});
	},

beforeDestroy() {
		clearInterval(this.timer);
		window.removeEventListener('scroll', this.handleScroll);
	},

methods: {
		padNumber(number) {
			return number.toString().padStart(2, '0');
		},
		handleScroll() {
			const firstSection = document.querySelector('#firstBodySection');
			this.isFooterVisible = window.scrollY > firstSection.offsetHeight;
			const footer = document.querySelector('.fixed-footer');
			footer.style.height = this.isFooterVisible ? (screen.width > 650 ? '100px' : '80px') : '0px';
		},
		openModalVideo(videoType) {
			this.$root.$emit('open_modal_video', {video_type: videoType});
		},
        redirectToRegister(){
            this.$router.push({name: 'WebinarInscriere'})
        }
	},
};
</script>

Back