Skip to content

Instantly share code, notes, and snippets.

View manfromanotherland's full-sized avatar
🤏

Edmundo Santos manfromanotherland

🤏
100 followers · 362 following
View GitHub Profile
@manfromanotherland
manfromanotherland / formspree.html
Last active July 3, 2024 14:24
JS: Ajax send forms using the most excellent Formspree » http://formspree.io #snippet
<form id="contact-form" action="//formspree.io/your@email.com" method="post">
<input type="text" name="Name" placeholder="Name" required>
<input type="email" name="Email" placeholder="Email" required>
<textarea name="Message" cols="30" rows="6" placeholder="Message" required></textarea>
<!-- CONFIG -->
<input class="is-hidden" type="text" name="_gotcha">
<input type="hidden" name="_subject" value="Subject">
<input type="hidden" name="_cc" value="email@cc.com">
<!-- /CONFIG -->
<input class="submit" type="submit" value="Send">
@manfromanotherland
manfromanotherland / documents.json
Last active June 30, 2023 17:02
views, documents, and tags
{
"documents": [
{
"id": "QM-1",
"name": "Quality Control",
"tags": ["HW", "SaMD"]
},
{
"id": "SOP-6",
"name": "Training",
@manfromanotherland
manfromanotherland / hs-form.css
Last active August 13, 2022 11:32
Hubspot: Forms CSS selectors and sample HTML markup http://designers.hubspot.com/docs/cos/hubspot-form-markup
/* All HubSpot Forms
========================================================================== */
/* Form Field (selector for form field wrapper) */
.hs-form .hs-form-field {}
/* Descriptions (targets class applied to Help Text divs) */
.hs-form .hs-field-desc {}
/* Labels (selects field labels and error messages) */
@manfromanotherland
manfromanotherland / essential-meta-tags-social-media.html
Last active April 28, 2022 11:44
HTML: Essential social media meta tags › https://css-tricks.com/essential-meta-tags-social-media/
<!-- Essential META Tags -->
<meta property="og:title" content="European Travel Destinations">
<meta property="og:description" content="Offering tour packages for individuals or groups.">
<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg">
<meta property="og:url" content="http://euro-travel-example.com/index.htm">
<meta name="twitter:card" content="summary_large_image">
<!-- Non-Essential, But Recommended -->
<meta name="og:site_name" content="European Travel, Inc.">
@manfromanotherland
manfromanotherland / web-security-list.md
Last active March 1, 2022 01:16
Web security blogs, a list of links provided by http://twitter.com/esevece
@manfromanotherland
manfromanotherland / magnific-popup-pt.js
Last active June 9, 2021 16:25
JS: Magnific Popup Portuguese translation #snippet
$('.magnific-portuguese').magnificPopup({
tClose: 'Fechar',
tLoading: 'Carregando...',
gallery: {
tPrev: 'Anterior',
tNext: 'Próxima',
tCounter: '%curr% de %total%'
},
image: {
tError: '<a href="%url%">A imagem</a> não pode ser carregada.'
@manfromanotherland
manfromanotherland / parallax.js
Created January 16, 2017 11:44
JS: Variable scroll speeds with JavaScript › http://callmenick.com/post/advanced-parallax-scrolling-effect
(function(){
var parallax = document.querySelectorAll(".parallax"),
speed = 0.5;
window.onscroll = function(){
[].slice.call(parallax).forEach(function(el,i){
var windowYOffset = window.pageYOffset,
elBackgrounPos = "50% " + (windowYOffset * speed) + "px";
@manfromanotherland
manfromanotherland / ffmpeg.sh
Created March 31, 2017 11:49
Optimise videos with ffmpeg
ffmpeg -i huge-file.mp4 -vcodec libx264 -preset veryfast smaller-file.mp4
@manfromanotherland
manfromanotherland / select-brasil.html
Last active July 1, 2020 15:18
HTML: select com todos os Estados Brasileiros #snippet
<label for="estados-brasileiros">Estados</label>
<select name="estados-brasileiros" id="estados-brasileiros">
<option value="ac">Acre</option>
<option value="al">Alagoas</option>
<option value="ap">Amapá</option>
<option value="am">Amazonas</option>
<option value="ba">Bahia</option>
<option value="ce">Ceará</option>
<option value="df">Distrito Federal</option>
<option value="es">Espírito Santo</option>
@manfromanotherland
manfromanotherland / bootstrap-4-grid-overlay.html
Created November 28, 2016 01:09
Bootstrap 4 Grid Overlay
<div class="grid-overlay">
<div class="container">
<div class="row">
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>
<div class="col-xs-1"><span></span></div>