---
layout: default
---

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <title>Kennel Linux • Home Page</title>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y3XDRGQR98"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-Y3XDRGQR98');
</script>	  
    <link rel="stylesheet" href="/assets/css/style.css">
    <link rel="stylesheet" href="/assets/css/clock33.css">
    <script type="text/javascript" src="/assets/js/clock33.js"></script>	  
  </head>
 <body>
    <div class="center">
    <div id="clock33" class="bg-3">
      <span id="clockHours"></span> : <span id="clockMinutes"></span> : <span id="clockSeconds"></span>
      </div>
      </div>
     <script>
    clock33();
  </script>

    <style type="text/css" media="screen">
	@import url('https://fonts.googleapis.com/css?family=Philosopher:400,700&display=swap&subset=cyrillic-ext');	
     svg {
      font-weight: bold;
      max-width: 500px;
      height: auto;
    }
		
		text {
      font-family: 'Philosopher', sans-serif;
    }	
    </style>
	 
{% include page-intro.html %}

<p align="center">
<svg viewbox="0 0 100 20">
  <defs>
    <lineargradient id="gradient" x1="0" x2="0" y1="0" y2="1">
      <stop offset="5%" stop-color="#829298"/>
      <stop offset="95%" stop-color="#495881"/>
    </lineargradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" fill="url(#gradient)"> 
      
      <!-- Анимация волны достигается перемещением path  -->
     
     <animatetransform attributeName="transform" type="translate" begin="0s" dur="1.5s" from="0,0" to="40,0" repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
      <!-- Паттерн c анимированной волной применяется к тексту -->
  <text text-anchor="middle" x="50" y="15" font-size="17" fill="url(#wave)"  fill-opacity="0.9">WELCOME</text>
  <text text-anchor="middle" x="50" y="15" font-size="17" fill="url(#gradient)" fill-opacity="0.3">WELCOME</text>
</svg>
  </p>
 
<main id="main" class="page-content" aria-label="Content">
  <div class="index inner">
    <div>{{ content }}</div>
    
    {% if site.posts.size > 0 %}
      <div>
        <header class="section-title">
          <h2>{{ site.data.theme.t.posts | default: 'Posts' }}{% if paginator.page > 1 %}{{ site.data.theme.t.page | default: 'Page' | prepend: ' - ' | append: ' ' }}{{ paginator.page }} {{ site.data.theme.t.of | default: 'of' }} {{ paginator.total_pages }}{% endif %}</h2>
        </header>
        <div class="entries-{{ page.entries_layout | default: 'list' }}">
          {% if site.plugins contains 'jekyll-paginate' and page.paginate or site.gems contains 'jekyll-paginate' and page.paginate %}
            {% comment %}
              Add paginator.posts loop if jekyll-paginate plugin is enabled
              and page.paginate == true
            {% endcomment %}
            {% include posts-paginated.html %}
          {% else %}
            {% include posts-all.html %}
          {% endif %}
        </div>
    {% endif %}
       {% if page.comments != false %}
	 {% include  giscus.html %}
   {% endif %}
      </div>    
  </div> 	
</main>

	 
<script src="https://formspree.io/js/formbutton-v1.min.js" defer></script>
<script>
  /* paste this line in verbatim */
  window.formbutton=window.formbutton||function(){(formbutton.q=formbutton.q||[]).push(arguments)};
  /* customize formbutton below*/     
  formbutton("create", {
    action: "https://formspree.io/f/xrbqprze",
    title: "👋 Submit your feedback",
    fields: [
      {
        type: "text",      
        label: "Name:", 
        name: "name",
        required: true,
        placeholder: "your name"
      },
      { 
        type: "email", 
        label: "Email:", 
        name: "email",
        required: true,
        placeholder: "your@email.com"
      },
      {
        type: "textarea",
        label: "Message:",
        name: "message",
        placeholder: "What's on your mind?",
      },
      { type: "submit", value: "Submit" }      
    ],
    styles: {
      title: {
        backgroundColor: "#04a5e5"
      },
      button: {
        backgroundColor: "#4b4e67"
      },
      // OVERRIDE BACKGROUND COLOR HERE:
      shim: {
        backgroundColor: "rgba(0, 0, 255, 0.2)"
      }
    },
    initiallyVisible: false
  });
</script>
<!--
<style>
button#formbutton-button.formbutton.button {
    cursor: pointer;
    color: white;
    background: rgb(75, 78, 103);
    fill: white;
    width: 60px;
    height: 60px;
    z-index: 16777270;
    position: fixed;
    bottom: 30px !important;
    right: 0px;
    border: 0px;
    box-sizing: border-box;
    padding: 12px;
    margin: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    box-shadow: rgba(255, 255, 255, 0.5) 0px 1px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px -4px 8px 0px inset, rgba(22, 22, 22, 0.5) 0.3em 0.3em 1.4em;
}	
</style>
-->	 
   </body>
</html>
