Artem Sheludko artemsheludko

## keybase.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                artemsheludko
                / keybase.md
            
            
              Created
              January 3, 2017 01:13
            
          
    Keybase proof

I hereby claim:

I am artemsheludko on github.
I am artemsheludko (https://keybase.io/artemsheludko) on keybase.
I have a public key whose fingerprint is 752C BB14 468F 045A 60F1  16AA D822 5C3D 367B AB65

To claim this, I am signing this object:

  
## fixed-nav.js
  // Fixed header when scroll
  var headerHeight = $("#js-header").height(),
      navHeight = $("#js-nav-container").innerHeight();

  $(document).on("scroll", function() {

    var documentScroll = $(this).scrollTop();

    if(documentScroll > headerHeight) {
      $("#js-nav-container").addClass("fixed");

## smooth-scroll.js
$(function() {

  $("#get-element").click(function(e) {
    e.preventDefault(); // Disable link behavior

    var someOffset = $("#js-plans").offset().top; // Calculate the distance to the element

    $("html, body").animate({
      scrollTop: someOffset
    }, 500);

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>{% if page.title %}{{page.title}} - {{site.title}}{% else %}{{site.title}}{% endif %}</title>
	<meta name="description" content="{{ page.description }}">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta property="og:image" content="">
	<link rel="shortcut icon" href="{{ "/assets/img/favicon/favicon.ico" | prepend: site.baseurl }}" type="image/x-icon">

## sublime_settings.txt
Plugins:

- Emmet
- Pug
- Sass
- AutoFileName


Theme:

## arrow-down-animated.html
// HTML
<div class="arrow-down" title="Scroll Down"><i class="fa fa-angle-double-down" aria-hidden="true"></i></div>


// SCSS

.arrow-down {
  display: block;
  position: absolute;
  left: 50%;

## full-width-section.js
// HTML
<div class="hero">

</div> <!-- End Hero -->

// SCSS
.hero {
  position: relative;
  width: 100%;
  height: 100vh;

## dropcap.scss
.post-content::first-letter,
.post-content>p:first-of-type::first-letter {
  display: block;
  margin-top: 10px; // for firefox
  margin-right: 10px;
  float: left;
  font-size: 3.5em;
  color: #000;
  line-height: 1;
}

## selection.css
::selection {
  color: #000;
  background: #fbd404;
}

## responsive_media.css
img,
video,
audio {
  max-width: 100%;
  height: auto;
}
	$(function() {

	$("#get-element").click(function(e) {
	e.preventDefault(); // Disable link behavior

	var someOffset = $("#js-plans").offset().top; // Calculate the distance to the element

	$("html, body").animate({
	scrollTop: someOffset
	}, 500);
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>{% if page.title %}{{page.title}} - {{site.title}}{% else %}{{site.title}}{% endif %}</title>
	<meta name="description" content="{{ page.description }}">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta property="og:image" content="">
	<link rel="shortcut icon" href="{{ "/assets/img/favicon/favicon.ico" \| prepend: site.baseurl }}" type="image/x-icon">
	// HTML
	<div class="arrow-down" title="Scroll Down"><i class="fa fa-angle-double-down" aria-hidden="true"></i></div>


	// SCSS

	.arrow-down {
	display: block;
	position: absolute;
	left: 50%;
	// HTML
	<div class="hero">

	</div> <!-- End Hero -->

	// SCSS
	.hero {
	position: relative;
	width: 100%;
	height: 100vh;
	.post-content::first-letter,
	.post-content>p:first-of-type::first-letter {
	display: block;
	margin-top: 10px; // for firefox
	margin-right: 10px;
	float: left;
	font-size: 3.5em;
	color: #000;
	line-height: 1;
	}