font size as a percent of the view port
h1 {
font-size: 5.9vw;
}
h2 {
font-size: 3.0vh;
}
p {
font-size: 2vmin;
}
Search form
Positioning text within a parent div
For a document that looks like this:
This paragraph…
the style sheet looks like this:
div.container3 {
height: 10em;
position: relative } /* 1 */
div.container3 p {
margin: 0;
position: absolute; /* 2 */
top: 50%; /* 3 */
transform: translate(0, -50%) } /* 4 */
The essential rules are:
Jquery in Drupal 8 and creating your own paragraph slideshow component
(function ($, Drupal) {
Drupal.behaviors.myModuleBehavior = {
attach: function (context, settings) {
$(window).once().on('load scroll', function () {
// ...
$('.your-class').slick({
dots: true,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear'
});
});
}
};
})(jQuery, Drupal);
Stage file proxy
https://www.drupal.org/project/stage_file_proxy
useful:
Stage File Proxy is a general solution for getting production files on a development server on demand. It saves you time and disk space by sending requests to your development environment's files directory to the production environment and making a copy of the production file in your development site. You should not need to enable this module in production.
Useful docker commands
docker system prune --all
Unity game in 10 minutes
Good game in 10 minutes tutorial https://assetstore.unity.com/3rd-person-prototype
To copy a react app directory
to copy a react app, use cp -a NOT cp -r the latter does not preseve symlinks!
ngrok
Using ngrok to provide an ip address to your local webserver