Skip to content

Instantly share code, notes, and snippets.

View newtone's full-sized avatar
🤙

Tom newtone

🤙
5 followers · 4 following
View GitHub Profile
@newtone
newtone / gallery css
Created November 3, 2022 21:23
https://css-tricks.com/a-pure-css-gallery-focus-effect-with-not/ https://jsbin.com/hinikinete/2/edit?html,css,output
@newtone
newtone / multilingual
Created September 7, 2022 22:34
// Define the text direction on your website
<html lang=”ar-MA” dir=”rtl”>
// Use CSS logical properties
<style>
/* old way */
.absolute-element {
position: absolute;
}
@newtone
newtone / mount
Created July 1, 2022 14:26
### 1. Find what the drive is called
You'll need to know what the drive is called to mount it. To do that fire off one of the following (ranked in order of my preference):
lsblk
sudo blkid
sudo fdisk -l
You're looking for a partition that should look something like: /dev/sdb1. The more disks you have the higher the letter this is likely to be. Anyway, find it and remember what it's called.
@newtone
newtone / cheatsheet
Created May 31, 2022 14:30
src: https://alextade.me/codesnips/cheat-sheet.twig
{# https://alextade.me/ #}
{# Drupal Theming - Twig cheat sheet - Useful practical examples twig file. #}
{# Date #}
{% set createdDate = node.getCreatedTime|date('j M Y') %}
<div class="datewrap">{{ createdDate }}</div>
@newtone
newtone / reset
Created March 23, 2022 09:23
source: https://elad.medium.com/the-new-css-reset-53f41f13282e
/***
The new CSS reset - version 1.5.1 (last updated 1.3.2022)
GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
- The "symbol *" part is to solve Firefox SVG sprite bug
*/
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
@newtone
newtone / sheet
Last active June 27, 2022 14:39
scr: https://www.wgsn.com/en/twig-cheatsheet
HINTS & SNIPPETS
-----------------
TEMPLATE DEBUGGING OVERWRITING FOR DEV
- twig.config[debug] -> development.services.yml
parameters:
twig.config:
debug: true
auto_reload: true
cache: false
@newtone
newtone / boolean check
Created February 22, 2022 13:27
https://www.drupal.org/forum/support/post-installation/2017-03-29/how-to-use-an-if-statement-on-boolean-values-in-twig
{% if node.field_checkbox['#items'].value == '1' %}
<div class="only added when there are values">
{{ content.field_name }}
</div>
{% endif %}
@newtone
newtone / commands
Last active May 12, 2022 08:37
# get all docker container
docker ps
# access docker container HASH
docker exec -it <mycontainer> bash
# standard call
docker-compose up -d
docker-compose down -v
@newtone
newtone / Drupal Twig
Last active October 4, 2022 08:10
# how to get the raw field value in a twig template?
{{ entity.field_name.value }} to get the true raw value, includes tags and encoding.
Example: {{ node.body.value }}
result: <p>Batman &amp; Robin</p>
{{ content.field_name.0 }} to get the raw value minus tags and encoding.
Example: {{ content.body.0 }}
@newtone
newtone / Drush commands
Last active May 6, 2022 18:17
source: http://tylerfrankenstein.com/code/use-drush-export-import-drupal-mysql-database-dump-file
# Database
## Export DB
drush cr
drush sql-dump > ~/my-sql-dump-file-name.sql
## Download DB
scp tyler@example.com:~/my-sql-dump-file-name.sql ~/Desktop/
## Import DB