Skip to content

Instantly share code, notes, and snippets.

View Agressiva86's full-sized avatar
💭
{{ code.and.coffee }}

Agnieszka Palmowska Agressiva86

💭
{{ code.and.coffee }}
View GitHub Profile
@Agressiva86
Agressiva86 / Page Template
Created December 4, 2018 10:53
Sasquatch - Page Template
<?php
/* Template name: Front Home page */
$context = Timber::get_context();
$context['posts'] = Timber::get_posts();
Timber::render( 'views/templates/front/front-index.twig', $context );
?>
@Agressiva86
Agressiva86 / front-index.twig
Created December 18, 2018 10:03
front-index.twig
<?php
/*
Template Name: Front Index
Template Post Type: front
*/
$context = Timber::get_context();
$context['posts'] = Timber::get_posts();
Timber::render( 'views/templates/front/front-index.twig', $context );
@Agressiva86
Agressiva86 / front-index.twig
Created December 18, 2018 10:04
front-index.twig
{% extends "/layouts/base.twig" %}
{% block content %}
<section class="main-section">
<div class="row align-middle">
<div class="large-4 medium-5 small-12 columns text-center medium-text-left">
<a href=""><img src="{{ theme.link }}/dist/images/logo.svg" alt="Our logo" /></a>
</div>
<div class="large-8 medium-7 small-12 columns text-center medium-text-left">
@Agressiva86
Agressiva86 / touch.html
Last active December 28, 2018 10:52
Touch Slider
<section class="touch-slider-wrapper">
<div class="touch-wrapper-helper">
<div class="touch-slide">
<!-- your content here -->
</div>
<div class="touch-slide">
<!-- your content here -->
</div>
@Agressiva86
Agressiva86 / style.scss
Created December 28, 2018 11:48
Touch Slider - SCSS
.touch-slider-wrapper {
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-points-x: 276px;
scroll-snap-type: mandatory;
padding: 0 25px;
.touch-wrapper-helper {
white-space: nowrap;
@Agressiva86
Agressiva86 / grid logos text
Created February 1, 2019 15:15
Logos section
<div className="row expanded align-center align-middle">
<div className="columns xxlarge-10 large-11 medium-10 small-12 text-center medium-text-left">
<div className="row expanded align-middle">
<div className="columns large-7 medium-12 small-12">
<h1 className="headline xlarge wow fadeInUp" data-wow-delay="0.3s">tytuł</h1>
</div>
<div className="columns large-5 medium-12 small-12 wow fadeInRight" data-wow-delay="0.8s">
Lorem ipsum dłuższy tekst
</div>
{
"name": "SasquatchWP/SasquatchWP_starter",
"type": "project",
"version": "1.2.5",
"license": "MIT",
"description": "Starter stack for WordPress - mix of Foundation, Bedrock and some magic ",
"homepage": "https://github.com/SasquatchWP/SasquatchWP",
"authors": [
{
"name": "Maciej Palmowski",
// Font Awesome
// pro light
import { library, dom } from "@fortawesome/fontawesome-svg-core";
// light angles
import { faAngleDown } from "@fortawesome/pro-light-svg-icons/faAngleDown";
import { faAngleUp } from "@fortawesome/pro-light-svg-icons/faAngleUp";
// light arrows
import { faLongArrowUp } from "@fortawesome/pro-light-svg-icons/faLongArrowUp";
@Agressiva86
Agressiva86 / before.css
Last active August 2, 2019 12:26
[SCSS] Opacity of the background color for before
* {
padding: 0;
margin: 0;
}
.bg-cover, .photobg {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
{% block header %}
<!doctype html>
<!--[if IE 9]><html class="lt-ie10" lang="{{ function( 'language_attributes' ) }}" > <![endif]-->
<html {{ function( 'language_attributes' ) }}>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{{ function( 'wp_head' ) }}