DNS records history, ssl security and pagespeed insights.
View DNS records history.
https://securitytrails.com/dns-trails
Test ssl security.
https://www.ssllabs.com/ssltest/
Get pagespeed insights.
Technology: Raspberry Pi, Git and web development.
Mead: Recipes and reviews.
Beer and more..
View DNS records history.
https://securitytrails.com/dns-trails
Test ssl security.
https://www.ssllabs.com/ssltest/
Get pagespeed insights.
https://www.djangoproject.com/download/#supported-versions
2022-08 - 4.1
2023-04 - 4.2 LTS
2023-12 - 5.0
2024-08 - 5.1
2025-04 - 5.2 LTS
2025-12 - 6.0
https://github.com/wagtail/wagtail/wiki/Release-schedule
2022-11 - 4.1 LTS
2023-02 - 4.2
2023-05 - 5.0
2023-08 - 5.1*
p {
background: linear-gradient(to right, #ff8a00 0%, #dd4c4f 30%);
background-clip: text;
color: transparent;
}
List item: First Second
.rotate-list span {
animation: rotateList 4s linear infinite;
color: #3f91ef;
opacity: 0;
position: absolute;
}
.rotate-list span:nth-child(2) {
animation-delay: 2s;
}
@keyframes rotateList {
0% { opacity: 0; }
20% { opacity: 0; transform: translateY(50px); }
30% { opacity: 1; transform: translateY(0px); }
70% { opacity: 1; transform: translateY(0px); }
80% { opacity: 0; transform: translateY(-50px); }
100% { opacity: 0; }
}
using @keyframes
.box {
width: 50px;
height: 50px;
background: red;
position: relative;
animation: boxMove 15s infinite;
}
@keyframes boxMove {
0% {top: 0px; left: 0px; background: red; width: 50px;}
25% {top: 100px; background: yellow; width: 75px;}
50% {top: 200px; left: 100px; background: yellow; width: 75px;}
75% {left: 0px; background: yellow; width: 75px;}
100% {top: 0px; background: red; width: 50px;}
}
sudo apt install nodejs npm
npx create-react-app tic-tac-toe
cd tic-tac-toe
npm start
const root = ReactDOM.createRoot(document.getElementById("tic-tac-toe"));
root.render(<Game />);
npm run build
<link rel="stylesheet" type="text/css" href="/documents/7/tic-tac-toe.css">
<div id="tic-tac-toe"></div>
<script src="/documents/8/tic-tac-toe.js" async=""></script>
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout
To test masonry grid whit Firefox sett the flag
layout.css.grid-template-masonry-value.enabled
to true in about:config
Pantone Color 2023 Viva Magenta hex: #bb2649
To get a skew of a div you can use css clip-path
https://www.w3schools.com/cssref/css3_pr_clip-path.php
clip-path: polygon(0 0,100% 15%,100% 100%,0 85%)