Skip to content

Instantly share code, notes, and snippets.

View Vortexmind's full-sized avatar
🍊

Paolo Tagliaferri Vortexmind

🍊
15 followers · 10 following
View GitHub Profile
@Vortexmind
Vortexmind / feature-image.hbs
Created July 1, 2020 16:27
<figure class="post-full-image">
{{!-- This is a responsive image, it loads different sizes depending on device
https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}}
<img
srcset="https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_300,c_fit,q_auto,f_auto,dpr_auto/{{img_url feature_image size="s" absolute="true"}} 300w,
https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_600,c_fit,q_auto,f_auto,dpr_auto/{{img_url feature_image size="m" absolute="true"}} 600w,
https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_1000,c_fit,q_auto,f_auto,dpr_auto/{{img_url feature_image size="l" absolute="true"}} 1000w,
https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_2000,c_fit,q_auto,f_auto,dpr_auto/{{img_url feature_image size="xl" absolute="true"}} 2000w"
sizes="(max-width: 800px) 400px,
@Vortexmind
Vortexmind / header-background.hbs
Created July 1, 2020 16:23
.responsive-header-img {
background-image: url(https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_2000,c_fit,q_auto,f_auto,dpr_auto/{{img_url background size="xl"absolute="true"}});
}
@media(max-width: 1000px) {
.responsive-header-img {
background-image: url(https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_1000,c_fit,q_auto,f_auto,dpr_auto/{{img_url background size="l" absolute="true"}});
background-image: -webkit-image-set(url(https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_1000,c_fit,q_auto,f_auto,dpr_auto/{{img_url background size="l" absolute="true"}}) 1x,
url(https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_2000,c_fit,q_auto,f_auto,dpr_auto/{{img_url background size="xl" absolute="true"}}) 2x);
background-image: image-set(url(https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_1000,c_fit,q_auto,f_auto,dpr_auto/{{img_url background size="l" absolute="true"}}) 1x,
@Vortexmind
Vortexmind / post-cards.hbs
Created July 1, 2020 16:20
<img class="post-card-image"
srcset="https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_300,c_fit,q_auto,f_auto,dpr_auto/{{img_url feature_image size="s" absolute="true"}} 300w,
https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_600,c_fit,q_auto,f_auto,dpr_auto/{{img_url feature_image size="m" absolute="true"}} 600w,
https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_1000,c_fit,q_auto,f_auto,dpr_auto/{{img_url feature_image size="l"absolute="true"}} 1000w,
https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_2000,c_fit,q_auto,f_auto,dpr_auto/{{img_url feature_image size="xl"absolute="true"}} 2000w"
sizes="(max-width: 1000px) 400px, 700px"
loading="lazy"
src="https://res.cloudinary.com/<YOUR_USERNAME>/image/fetch/w_600,c_fit,q_auto,f_auto,dpr_auto/{{img_url feature_image size="m" absolute="true"}}"
alt="{{title}}"
/>
@Vortexmind
Vortexmind / cognito_secure_storage.dart
Created April 8, 2019 22:38
CognitoSecureStorage for Amazon Cognito Identity Dart ( https://pub.dartlang.org/packages/amazon_cognito_identity_dart )
import 'package:amazon_cognito_identity_dart/cognito.dart';
import 'package:flutter_secure_storage/flutter_secure_storage.dart';
import 'dart:convert';
class CognitoSecureStorage extends CognitoStorage {
FlutterSecureStorage _securePrefs = new FlutterSecureStorage();
CognitoSecureStorage();
@override
Future getItem(String key) async {
@Vortexmind
Vortexmind / keybase.md
Created January 12, 2019 16:16
Keybase proof

Keybase proof

I hereby claim:

  • I am vortexmind on github.
  • I am paolot (https://keybase.io/paolot) on keybase.
  • I have a public key ASAexXlUHgTI82FKBMoZjLfm1OFwStTW2dRtFDkxXFyI_Qo

To claim this, I am signing this object: