Skip to content

Instantly share code, notes, and snippets.

View mrkkr's full-sized avatar

Marek mrkkr

1 follower · 5 following
  • Poland
View GitHub Profile
@mrkkr
mrkkr / root_hosts_access.txt
Created November 29, 2017 09:09
Edycja pliku etc/hosts w Linuxie #linux
sudo -i gedit /etc/hosts
@mrkkr
mrkkr / arrow_bounce.css
Created November 29, 2017 14:55
Bounce arrow #css
/*bounce arrow scroll*/
@keyframes bounce-scroll {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
@mrkkr
mrkkr / boot4_flexbox_equal_column_horizontally_vertically_centered.html
Created December 1, 2017 11:36
Równe kolumny wycentrowane w poziomie i pionie #html #css
<div class="row no-gutters sekcje">
<div class="col-xs-12 col-sm-6 col-md-6 d-flex align-items-center justify-content-center">
<h2 class="head-main-section-blue">Lorem ipsum</h2>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 d-flex align-items-center">
<p class="par text-left">Lorem Ipsum</p>
</div>
</div>
@mrkkr
mrkkr / two_cols_menu_wp.html
Last active December 1, 2017 12:45
Dwie kolumny menu WP #php #html
<div class="menu-container text-left">
<div class="col-1-menu">
<?php wp_nav_menu(
array(
'theme_location' => 'primary-menu',
'container' => 'true',
'container_class' => 'modal-body',
'container_id' => 'menuModal',
'fallback_cb' => '',
'menu_id' => 'main-menu',
@mrkkr
mrkkr / reorder_col_flex_boot4.html
Last active December 4, 2017 11:42
Zmiana kolejności kolumn we Boot4 Flex #html #css
<div class="container">
<div class="row">
/// mobile-first!
<div class="col-3 col-md-6">
<div class="card card-body">1</div>
</div>
<div class="col-6 col-md-12 order-2 order-md-12"> ///kolejność order-*-*
<div class="card card-body">3</div>
</div>
<div class="col-3 col-md-6 order-3">
@mrkkr
mrkkr / clear_typing_text_animation.js
Last active December 4, 2017 21:49
Animacja pisania tekstu (bez bibliotek) #js
/*<h1>
<a href="" class="typewrite" data-period="500" data-type='[ "Hi, Im Si.", "I am Creative.", "I Love Design.", "I Love to Develop." ]'>
<span class="wrap"></span>
</a>
</h1>*/
var TxtType = function(el, toRotate, period) {
this.toRotate = toRotate;
this.el = el;
this.loopNum = 0;
@mrkkr
mrkkr / woocommerce_checkout_custom_fields.txt
Created December 20, 2017 11:56
Woocommerce własne pola w zamówieniu/mailu #php #link
https://docs.woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/
@mrkkr
mrkkr / display_hide_col_boot4.txt
Last active December 20, 2017 11:57
Właściwości display w Boot4 #link #html #css #link
https://getbootstrap.com/docs/4.0/utilities/display/
@mrkkr
mrkkr / lets_encrypt_ssl_home_tut.txt
Last active December 20, 2017 11:58
Let's Encrypt SSL w home.pl tutorial #link #ssl
https://dominikroszkowski.pl/2017/03/manualne-dodanie-certyfikatu-ssl-od-lets-encrypt-bez-roota-na-serwerze/
@mrkkr
mrkkr / link_text_hover_box_grid.html
Last active December 21, 2017 10:29
Tekst z linkiem onhover na kaflu (gridzie) #html #css
<div class="galeria">
<a href="#link">
<div id="kafel">
<div id="gallery-hover-content">
Only show this when hovering parent
</div>
</div>
</a>
</div>