nilsandrey

body {
  @media (max-width: 900px) {
    div.atcb_list {
      width: 100% !important;
      left: 0 !important;
      border-radius: 0 !important;
      bottom: 0 !important;
      top: unset !important;

      div.atcb_list_item {

nilsandrey

// From <https://dev.to/dailydevtips1/react-cleaner-use-of-settimeout-105m>
import { useCallback, useEffect, useRef, useMemo } from 'react';

/**
 * To use the hook
 * ```
 * import useTimeout from './useTimeout';
 *
 * const [timeout] = useTimeout(() => {
 *  setShow(false);

nilsandrey

/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* insert styles here */
}
 
/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */
}
 

nilsandrey

javascript:function iptxt(){var d=document;try{if(!d.body)throw(0);window.location='http://www.instapaper.com/text?u=%27+encodeURIComponent(d.location.href);}catch(e){alert(%27Please wait until the page has loaded.%27);}}iptxt();void(0)

nilsandrey

import React from 'react';

function Layout1({ children }) {
  return (
    <>
      <main>{children}</main>
      <footer>
        By you
      </footer>
    </>

nilsandrey

import { Skeleton } from '@mui/material';
import { useTranslation } from 'next-i18next';
import * as React from 'react';

export interface Props {
  textId: string;
  width?: string;
}

/**

nilsandrey

// <https://www.barattalo.it/coding/how-many-times-a-web-link-has-been-shared-on-twitter/>
function readTwitterShares($url) {
 $s = file_get_contents("http://urls.api.twitter.com/1/urls/count.json".
   "?callback=?&url=".urlencode($url));
   preg_match("#(\"count\"):([0-9]*)#",$s,$ar);
   return isset($ar[2]) ? $ar[2] : 0;
}

echo readTwitterShares("https://www.nationalgeographic.com/science/article/a-psychedelic-surprise-may-be-thriving-in-your-local-garden");

nilsandrey

// Copied for easier bookmarking from <https://github.com/vercel/next.js/issues/706#issuecomment-569041997> by @Lwdthe1
// next.config.js
const aliasPathsToResolve = [
    { name: 'components', path: path.resolve(__dirname, './components') },
    { name: 'Common', path: path.resolve(__dirname, '../../common/react/') },
]
module.exports = () => {
    return  {
        webpack(config, { defaultLoaders }) {
            config.module.rules.push({

nilsandrey

export {};

/**
 * Extensions to the Typescript Date class.
 */
declare global {
  /**
   * Extension members declarations.
   */
  interface Date {

nilsandrey

let observer = new IntersectionObserver(
    (entries) => {
        entries.forEach((entry, i) => {
        if (entry.isIntersecting) {
            const p = 2;
            const c = document.createElement('canvas');
            const x = c.getContext('2d');
            c.width = 18;
            c.height = 14;
            const s = entry.target.innerText;