Skip to content

Commit

Permalink
jekyll build from Action e23eb7a
Browse files Browse the repository at this point in the history
  • Loading branch information
@msangel
msangel committed Apr 7, 2024
0 parents commit 1c9c0d9
Show file tree
Hide file tree
Showing 147 changed files with 234,466 additions and 0 deletions.
Empty file added .nojekyll
Empty file.
1 change: 1 addition & 0 deletions CNAME
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
k.co.ua
1 change: 1 addition & 0 deletions CV.html
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<p>CV here</p>
43 changes: 43 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
## general
* web: https://k.co.ua/
* editor: [stackedit.io/app](https://stackedit.io/app#providerId=githubWorkspace&owner=msangel&repo=msangel.github.io&branch=master&path=_drafts%2F)
* online hyphenation: http://www.plazoo.com/ru/tools.asp

Default there defined [here](https://github.com/github/pages-gem/blob/master/lib/github-pages/configuration.rb), and it reffer to `jekyll-theme-primer`(0.5.4): https://github.com/pages-themes/primer

## running locally with the same env
Prerequirements:
* [ruby](https://rvm.io/) v3:
* install rvm: `curl -sSL https://get.rvm.io | bash -s stable`
* install compatible ruby as ubuntu22.04 have only opensslv3: `rvm pkg install openssl`
* install selected ruby: `rvm install 3.0.0 --with-openssl-dir=$HOME/.rvm/usr`
* use it as default: `rvm use 3.0.0 --default`
* [Bundler](https://bundler.io/) :
* `gem install bundler`
* made available:
should be already there, but in case: `echo "export PATH=\"\$PATH:\$HOME/.rvm/bin\"" >> ~/.bashrc`
* `echo "export PATH=\"\$PATH:\$HOME/.rvm/gems/default/bin\"" >> ~/.bashrc`
* `echo "export PATH=\"\$PATH:\$HOME/.rvm/rubies/default/bin\"" >> ~/.bashrc`
* [Bundler](https://bundler.io/)

1. Create `Gemfile`.
2. run `bundle install` for installing all dependencies
3. ruby v3 dependency: `bundle add webrick`
4. run locally with: `bundle exec jekyll serve --drafts`
54. http://localhost:4000/ is your friend

## dev help
* bootstrap docs: https://getbootstrap.com/docs/3.3/css/#grid
* footer magic: https://matthewjamestaylor.com/bottom-footer
* rouge:
* available gouge styles: `rougify help style`
* see them online:
* default: https://spsarolkar.github.io/rouge-theme-preview/
* compatible with pygments: https://stylishthemes.github.io/Syntax-Themes/pygments/
* install style: `rougify style monokai > assets/rouge.css`
* https://kramdown.gettalong.org/quickref.html

<!--stackedit_data:
eyJoaXN0b3J5IjpbMTQ0MDc1Mjc5MCwxMTk1NDM5NDY0LDQwMT
gyMzI4NV19
-->
258 changes: 258 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,258 @@
<html lang="en" class="mysite">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Begin Jekyll SEO tag v2.8.0 -->
<title>About | Vasyl Khrystiuk</title>
<meta name="generator" content="Jekyll v4.2.0" />
<meta property="og:title" content="About" />
<meta property="og:locale" content="en_US" />
<link rel="canonical" href="https://github.com/pages/msangel/about.html" />
<meta property="og:url" content="https://github.com/pages/msangel/about.html" />
<meta property="og:site_name" content="Vasyl Khrystiuk" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="About" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebPage","dateModified":"2024-04-07T21:27:45+00:00","headline":"About","url":"https://github.com/pages/msangel/about.html"}</script>
<!-- End Jekyll SEO tag -->


<link rel="stylesheet" href="/assets/components-font-awesome/css/fontawesome-all.min.css">

<link href='/assets/open-sans-all/css/open-sans.min.css' rel='stylesheet' type='text/css'>

<!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href='//fonts.googleapis.com/css?family=Ubuntu&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="/assets/bootstrap/dist/css/bootstrap.min.css">
<script src="/assets/jquery/dist/jquery.min.js"></script>
<script src="/assets/bootstrap/dist/js/bootstrap.min.js"></script>

<link rel="stylesheet" href="/assets/style.css">
<link rel="shortcut icon" type="image/jpg" href="/assets/favicon.ico"/>
<link rel="stylesheet" href="/assets/tabs.css">
<script src="/assets/tabs.js"></script>
<link href="/assets/rouge.css" rel="stylesheet" >
<style>
.highlighter-rouge > .highlight > pre.highlight {
border-radius: unset;
}
</style>
</head>

<body>
<div id="body">
<div class="jumbotron">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 myname"><a href="/"><span>Vasyl </span>Khrystiuk</a></div>
<div class="col-xs-12 col-sm-12 subtitle"><a href="/"><span>full stack developer</span></a></div>
</div>

</div>
</div>

<nav class="navbar navbar-default">
<div class="container">
<ul class="nav navbar-nav">
<!--class="active" -->
<li><a href="/">BLOG</a></li>
<li role="separator" class="divider-vertical"></li>
<li><a href="/about">ABOUT</a></li>
</ul>
</div>
</nav>
<div class="container central about">
<div class="row flex-container">
<div class="col-sm-6 hidden-sm hidden-md hidden-lg">
</div>
<div class="col-sm-6 col-lg-4 img-responsive">
<img class="pic" src="/assets/IMG_3015_2.JPG" alt="">
</div>
<div class="col-sm-6 col-lg-5 maintext">
<p>
The first program I wrote in 14 years, since that time I am always in the area of computer
knowledge. I know how computers work. I have a bachelor degree in system
engineering. Beside university courses, I was doing a lot of self-education
in free time. Main topics were: programming theory, networking, security and mathematics.
I am oriented to provide the best client service
in areas, including but not limited to: programming,
software design, security audit,
development team management as with classical software processes, same as new agile approaches.
My huge experience in IT allows me to solve really complex tasks
at a reasonable time. So you can contact me and give some work.
</p>
<div class="row">
<div class="col-xs-12">
<a href="https://docs.google.com/document/d/1VAw1VDw9YcdhobKe7fsEDR0oBwM0zYIGQEU8B5Ivgtw/edit?usp=sharing" target="_blank" class="btn btn-success btn-cv" role="button">my cv</a>
</div>
<!-- <div class="col-xs-12">-->
<!-- <a href="https://docs.google.com/document/d/1VAw1VDw9YcdhobKe7fsEDR0oBwM0zYIGQEU8B5Ivgtw/edit?usp=sharing" target="_blank" class="btn btn-success btn-cv col-xs-12" role="button">my resume</a>-->
<!-- </div>-->
</div>
</div>
<div class="col-sm-12 col-lg-4 testimonial testimonial1 secondary">
<h4>Most important in work</h4>
<p>Writing programs is not a target. Solve the customer needs is a target. You must not write the perfect
code, you must write the code, that people do need now. And you must do this with responsibility.</p>
</div>
<div class="col-sm-12 col-lg-4 testimonial testimonial2 secondary">
<h4>Free as in speech</h4>
<p>I love free software. Free software provides the ability to evolve for programs. It provides diversity of
choices. It gives you a freedom to change the software according to your needs. </p>
</div>
<div class="col-sm-12 col-lg-4 testimonial testimonial3 secondary lasttest">
<h4>Hardest things</h4>
<p>
When someone asks me about hardest things in programming, I always remember the phrase by Phil Karlton:
"There are only two hard things in Computer Science: cache invalidation and naming things."
</p>
</div>
<div class="col-sm-12 col-lg-3 contacts secondary lasttest">
<div class="row">
<!--div class="col-sm-6 col-md-3 col-lg-12">
<span>Available for:</span>
<hr class="visible-lg-block"/>
<p>Hire</p>
</div-->
<div class="col-sm-6 col-md-4 col-lg-12">
<span>Website:</span>
<hr class="visible-lg-block"/>
<p><a href="https://k.co.ua">https://k.co.ua</a></p>
</div>
<div class="col-sm-6 col-md-4 col-lg-12">
<span>Email:</span>
<hr class="visible-lg-block"/>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
<div class="col-sm-6 col-md-4 col-lg-12">
<span>Social links:</span>
<hr class="visible-lg-block"/>
<div>
<p><a href="https://github.com/msangel">
<i class="fab fa-github"></i>
<span class="username">msangel</span>
</a></p>
<p><a href="https://www.facebook.com/modernskyangel">
<i class="fab fa-facebook"></i>
<span class="username">modernskyangel</span>
</a></p>
<p><a href="https://www.linkedin.com/in/msangell/">
<i class="fab fa-linkedin"></i>
<span class="username">msangell</span>
</a></p>
</div>
</div>
</div>
</div>
</div>
</div>


<script>
jQuery(document).ready(function() {
function debouncer( func , timeout ) {
var timeoutID , timeout = timeout || 1000;
return function () {
var scope = this , args = arguments;
clearTimeout( timeoutID );
timeoutID = setTimeout( function () {
func.apply( scope , Array.prototype.slice.call( args ) );
} , timeout );
}
}
var offset = 300;
var duration = 500;
var fadeFunc = function () {
if (jQuery(window).width() < 1140) {
jQuery('.backtotop').fadeOut(0);
return;
}
if (jQuery(window).scrollTop() > offset) {
jQuery('.backtotop').fadeIn(duration);
} else {
jQuery('.backtotop').fadeOut(duration);
}
}
jQuery(window).scroll(debouncer(fadeFunc, 50));
jQuery(window).resize(debouncer(fadeFunc));

jQuery('.backtotop').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>
<style>
.backtotop {
display: none;
}
@media only screen and (min-width:1140px){
.backtotop,
.backtotop:hover,
.backtotop:active,
.backtotop:visited,
.backtotop:focus {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 10000;
text-align: center;
color: black;
text-decoration: none;
padding: 4px 10px;
border-radius: 3px;
width: 60px;
opacity: 0.4;
}
.backtotop:hover {
background-color: rgba(59, 59, 59, 0.10);
opacity: 1;
transition-property: opacity;
transition-duration: 500ms;
}
}


</style>
<a href="#" class="backtotop"><img src="/assets/noun_Arrow_22173.svg"/></a>

<div class="footer">
<div class="row">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="copyright">
<p><a href="https://github.com/msangel/msangel.github.io" target="_self">© 2014-2024 by Vasyl Khrystiuk</a>, powered by <a href="https://jekyllrb.com/" target="_blank">Jekyll</a>, crafted by
<a href="https://github.com/msangel/msangel.github.io/blob/master/.github/workflows/github-pages.yml" target="_blank">GitHub Actions</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
<script>anchors.add();</script>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-194224445-1', 'auto');
ga('send', 'pageview');
</script>

<script src="/assets/links.js"></script>
<script id="dsq-count-scr" src="//k-co.disqus.com/count.js" async></script>
</body>
</html>
Binary file added assets/IMG_3015_2.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 1c9c0d9

Please sign in to comment.