https://yaroslav-i.ru/

Eingereichte URL:
https://yaroslav-i.ru/
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

LinkText
https://jsfiddle.net/user/space2pacmanjsfiddle.net/user/space2pacman
https://github.com/space2pacmangithub.com/space2pacman
https://qna.habr.com/user/space2pacmanqna.habr.com/user/space2pacman
https://www.codewars.com/users/space2pacmancodewars.com/users/space2pacman
https://cssbattle.dev/player/space2pacmancssbattle.dev/player/space2pacman
https://www.linkedin.com/in/space2pacman/linkedin.com/in/space2pacman

JavaScript-Variablen · 22 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
Vuefunction
tobject
efunction
VueRouterfunction
dataobject
homefunction
portfoliofunction

Konsolenprotokoll-Meldungen · 0 gefunden

In der Web-Konsole protokollierte Meldungen

HTML

Der HTML-Rohtext der Seite

<!DOCTYPE html><html lang="ru"><head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
  	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css">
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&amp;display=swap" rel="stylesheet">
	<link rel="stylesheet" href="css/main.css">
	<title>yaroslav-i.ru</title>
</head>
<body>

<div id="app" class="container"><header class="header"><a href="#/" class="router-link-exact-active router-link-active"><img src="images/im.png" width="160" class="user-pic"></a> <h1 class="greeting"><span class="greeting__word--large">Привет,</span> <span class="greeting__desc">
				меня зовут <span class="greeting__word--highlighted greeting__word--slim">Ярослав</span> и это информация обо мне
			</span></h1></header> <div class="hamburger"><div class="hamburger__line"></div> <div class="hamburger__line"></div> <div class="hamburger__line"></div></div> <nav class="nav"><ul class="nav__list"><li class="nav__item"><a href="#/" class="nav__link link link--blue router-link-exact-active router-link-active">Главная</a></li> <li class="nav__item"><a href="#/portfolio" class="nav__link link link--blue">Портфолио</a></li> <li class="nav__item"><a href="#/works" class="nav__link link link--blue">Работа</a></li> <li class="nav__item"><a href="#/books" class="nav__link link link--blue">Книги</a></li></ul></nav> <div class="row"><div class="width-1-2"><div class="box"><h2 class="box__header">Обо мне</h2> <div class="box__content box__border--left">
					Иванов Ярослав / 05.05.1992 / Москва / Разработчик.
				</div></div> <div class="box"><h2 class="box__header">Работа</h2> <div class="box__content box__header-desc">3 последних места работы</div> <div class="box__content box__border--left"><div class="box__caption"><span class="box__caption--bold">Senior full-stack разработчик</span> / ОС-Технолоджи / 2022.10 - н.в.</div> <div class="box__desc">Разработка проекта по управлению маркировкой товаров</div></div><div class="box__content box__border--left"><div class="box__caption"><span class="box__caption--bold">Senior front-end разработчик</span> / Далее / 2022.06 - 2022.08</div> <div class="box__desc">Разработка проектов</div></div><div class="box__content box__border--left"><div class="box__caption"><span class="box__caption--bold">Senior full-stack разработчик</span> / Merlion / 2021.07 - 2022.06</div> <div class="box__desc">Разработка проектов</div></div></div> <div class="box"><h2 class="box__header">Портфолио</h2> <div class="box__content box__header-desc">3 случайных проекта</div> <div class="box__content box__border--left"><a href="http://yaroslav-i.ru/projects/printofdream.ru" target="_blank" class="link link--blue">Printofdream</a> / <span>Написание сайта с нуля под проект. Интеграция инструмента для создание рисунков на постельном белье. / Wordpress</span></div><div class="box__content box__border--left"><a href="http://yaroslav-i.ru/projects/freedom" target="_blank" class="link link--blue">Freedom</a> / <span>Верстка и перенос на CMS / Netcat</span></div><div class="box__content box__border--left"><a href="http://yaroslav-i.ru/projects/x-tagusi" target="_blank" class="link link--blue">X-Tagusi</a> / <span>Верстка / JavaScript</span></div></div> <div class="box"><h2 class="box__header">КОНТАКТЫ</h2> <div class="box__content"><div class="contact__row"><div class="contact__icon"><i class="fas fa-envelope"></i></div> <div class="contact__data"><div class="contact__caption">[email protected]</div> <!----></div></div><div class="contact__row"><div class="contact__icon"><img class="icon-contact" src="images/jsfiddle.svg" width="20"></div> <div class="contact__data"><div class="contact__caption">Jsfiddle</div> <a href="https://jsfiddle.net/user/space2pacman" target="_blank" class="contact__link link link--blue">jsfiddle.net/user/space2pacman</a></div></div><div class="contact__row"><div class="contact__icon"><i class="fab fa-github"></i></div> <div class="contact__data"><div class="contact__caption">Github</div> <a href="https://github.com/space2pacman" target="_blank" class="contact__link link link--blue">github.com/space2pacman</a></div></div><div class="contact__row"><div class="contact__icon"><img class="icon-contact" src="images/toster.png"></div> <div class="contact__data"><div class="contact__caption">Хабр Q&amp;A</div> <a href="https://qna.habr.com/user/space2pacman" target="_blank" class="contact__link link link--blue">qna.habr.com/user/space2pacman</a></div></div><div class="contact__row"><div class="contact__icon"><img class="icon-contact" src="images/codewars.svg" width="20"></div> <div class="contact__data"><div class="contact__caption">Codewars</div> <a href="https://www.codewars.com/users/space2pacman" target="_blank" class="contact__link link link--blue">codewars.com/users/space2pacman</a></div></div><div class="contact__row"><div class="contact__icon"><img class="icon-contact" src="images/cssbattle.svg" width="25" height="20"></div> <div class="contact__data"><div class="contact__caption">CSSBattle</div> <a href="https://cssbattle.dev/player/space2pacman" target="_blank" class="contact__link link link--blue">cssbattle.dev/player/space2pacman</a></div></div><div class="contact__row"><div class="contact__icon"><i class="fab fa-linkedin-in"></i></div> <div class="contact__data"><div class="contact__caption">Linkedin</div> <a href="https://www.linkedin.com/in/space2pacman/" target="_blank" class="contact__link link link--blue">linkedin.com/in/space2pacman</a></div></div></div></div></div> <div class="width-1-2"><div class="box"><h2 class="box__header">Навыки</h2> <div class="box__content"><div class="skills"><ul class="skills__nav box__border--left"><li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[Front-end]</a></li> <li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[Back-end]</a></li> <li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[OS]</a></li> <li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[CMS]</a></li> <li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[Разное]</a></li> <li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[Сбросить]</a></li></ul> <div class="skills__items text-uppercase"><div class="skills__item">HTML</div><div class="skills__item">CSS</div><div class="skills__item">JavaScript</div><div class="skills__item">Jquery</div><div class="skills__item">Ajax</div><div class="skills__item">Vue.js</div><div class="skills__item">React.js</div><div class="skills__item">Gulp</div><div class="skills__item">Webpack</div><div class="skills__item">SPA</div><div class="skills__item">Scss</div><div class="skills__item">Jade</div><div class="skills__item">TypeScript</div><div class="skills__item">Bem</div><div class="skills__item">SVG</div><div class="skills__item">Canvas</div><div class="skills__item">PHP</div><div class="skills__item">SQL</div><div class="skills__item">Node.js</div><div class="skills__item">Nuxt.js</div><div class="skills__item">Mongodb</div><div class="skills__item">Express.js</div><div class="skills__item">Socket.io</div><div class="skills__item">Windows server</div><div class="skills__item">Linux</div><div class="skills__item">Hyper-V</div><div class="skills__item">Wordpress</div><div class="skills__item">Bitrix</div><div class="skills__item">Netcat</div><div class="skills__item">Electron.js</div><div class="skills__item">GIT</div><div class="skills__item">Agile</div><div class="skills__item">API</div><div class="skills__item">Arguments reality</div><div class="skills__item">Cordova</div></div></div></div></div> <div class="box"><h2 class="box__header">Книги</h2> <div class="box__content box__header-desc">3 случайные прочитанные книги</div> <div class="box__content"><div><div class="book book--is-read">Дизайн для недизайнеров / Робин Вильямс / 2008</div><div class="book book--is-read">Гитлер / Руперт Колли / 2011</div><div class="book book--is-read">JavaScript для детей / Ник Морган / 2016</div></div></div></div> <div class="box"><h2 class="box__header">Хобби</h2> <div class="box__content"><div class="hobby__items"><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">Спорт</span></div><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">DIY</span></div><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">Дизайн</span></div><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">Космос</span></div><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">Путешествие</span></div><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">Книги</span></div></div></div></div></div></div></div>

<template id="home">
	<div class="row">
		<div class="width-1-2">
			<div class="box">
				<h2 class="box__header">Обо мне</h2>
				<div class="box__content box__border--left">
					Иванов Ярослав / 05.05.1992 / Москва / Разработчик.
				</div>
			</div>
			<div class="box">
				<h2 class="box__header">Работа</h2>
				<div class="box__content box__header-desc">3 последних места работы</div>
				<work v-for="work in $root.works.slice().reverse().slice(0, 3)" :item="work"></work>
			</div>
			<div class="box">
				<h2 class="box__header">Портфолио</h2>
				<div class="box__content box__header-desc">3 случайных проекта</div>
				<div class="box__content box__border--left" v-for="project in $root.getProject($root.portfolio, 3)">
					<a :href="project.link.href" target="_blank" class="link link--blue">{{ project.link.text }}</a> / <span v-html="project.desc"></span>
				</div>
			</div>
			<div class="box">
				<h2 class="box__header">КОНТАКТЫ</h2>
				<div class="box__content">
					<contacts v-for="contact in $root.contacts" :contact="contact"></contacts>
				</div>
			</div>
		</div>
		<div class="width-1-2">
			<div class="box">
				<h2 class="box__header">Навыки</h2>
				<div class="box__content">
					<skills></skills>
				</div>
			</div>
			<div class="box">
				<h2 class="box__header">Книги</h2>
				<div class="box__content box__header-desc">3 случайные прочитанные книги</div>
				<div class="box__content">
					<div>
						<div class="book book--is-read" v-for="book in $root.getReadBooks(3)">{{ book.desc }}</div>
					</div>
				</div>
			</div>
			<!-- <div class="box">
				<h2 class="box__header">Блог</h2>
				<div class="box__content box__header-desc">3 последних записей в блоге</div>
				<div class="box__content">

				</div>
			</div> -->
			<div class="box">
				<h2 class="box__header">Хобби</h2>
				<div class="box__content">
					<div class="hobby__items">
						<hobby v-for="item in $root.hobby" :item="item"></hobby>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<template id="work">
	<div class="box__content box__border--left">
		<div class="box__caption"><span class="box__caption--bold">{{ item.position }}</span> / {{ item.companyName }} / {{ item.yearsOfWork }}</div>
		<div class="box__desc">{{ item.desc }}</div>
	</div>
</template>

<template id="contacts">
	<div class="contact__row">
		<div class="contact__icon" v-html="contact.icon"></div>
		<div class="contact__data">
			<div class="contact__caption">{{ contact.caption }}</div>
			<a v-if="contact.link" :href="contact.link.href" target="_blank" class="contact__link link link--blue">{{ contact.link.text }}</a>
		</div>
	</div>
</template>

<template id="hobby">
	<div class="hobby__item">
		<i class="fas fa-heart"></i>
		<span class="hobby__caption">{{ item.caption }}</span>
	</div>
</template>

<template id="works">
	<div class="box">
		<div class="box__header">Работа</div>
		<work v-for="work in $root.works.slice().reverse()" :item="work"></work>
	</div>
</template>

<template id="books">
	<div class="box">
		<div class="box__header">Книги</div>
		<div class="section" v-for="section in $root.books">
			<div class="box__content box__border--left">{{ section.name }}</div>
			<div v-for="book in section.list" class="book" :class="{'book--is-read': book.read}">{{ book.desc }}</div>
		</div>
	</div>
</template>

<template id="skills">
	<div class="skills">
		<ul class="skills__nav box__border--left">
			<li class="skills__nav-item">
				<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills('front-end')">[Front-end]</a>
			</li>
			<li class="skills__nav-item">
				<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills('back-end')">[Back-end]</a>
			</li>
			<li class="skills__nav-item">
				<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills('os')">[OS]</a>
			</li>
			<li class="skills__nav-item">
				<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills('cms')">[CMS]</a>
			</li>
			<li class="skills__nav-item">
				<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills('other')">[Разное]</a>
			</li>
			<li class="skills__nav-item">
				<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills()">[Сбросить]</a>
			</li>
		</ul>
		<div class="skills__items text-uppercase">
			<div v-for="skill in $root.skills.filtered" class="skills__item">{{ skill.skill }}</div>
		</div>
	</div>
</template>

<template id="portfolio">
	<div class="projects">
		<project v-for="project in $root.portfolio" :item="project"></project>
	</div>
</template>

<template id="project">
	<div class="projects__item" :style="'background-image: url(' + item.pic + ')'">
		<div class="projects__caption" :style="'color:' + item.caption.color">{{ item.caption.value }}</div>
		<div class="projects__overlay-background"></div>
		<div class="projects__overlay-info">
			<a :href="item.link.href" target="_blank" class="projects__link">{{ item.link.text }}</a>
			<div class="projects__desc" v-html="item.desc"></div>
			<div v-for="additionalLink in item.link.additional">
				<a :href="additionalLink" target="_blank" class="projects__link projects__link--additional">{{ additionalLink }}</a>	
			</div>
		</div>
	</div>
</template>

<template id="projects">
	<div class="projects">
		<project v-for="project in $root.portfolio" :item="project"></project>
	</div>
</template>

<template id="blog">
	<div>blog</div>
</template>

<script src="js/vue.min.js"></script>
<script src="js/vue-router.min.js"></script>
<script src="js/data.js?0"></script>
<script src="js/main.js?0"></script>

</body></html>