Pustelto

I need to create a new landing page for my product I'm building - Clipio.

ABOUT CLIPIO:

Clipio is a browser extension that enables the users to store content from the browsers to their Notion workspace. Users can save entire articles, highlight only certain text parts on the page, and save those. They can also add comments (thoughts, ideas) to highlights and they can add extra content to the entire page as well (either at the start or end of the document). Other content capabilities includes Selecting and saving images, Twitter (save tweet or thread as a text) and more in the future.

The target audience are Notion power users and content creators who build, write, teach, and constantly work on themselves and their business. They are struggling with storing useful content from the internet to Notion in an easy way that fits their flow and wish they could store the content with more context and as they need (save only the necessary parts, see the original content, add notes and thoughts, add their extra co

Pustelto

javascript:(function(){var a=document.createElement('style'),b;document.head.appendChild(a);b=a.sheet;b.insertRule(':root {--primary-bg: white !important; --primary-bg-shade-1: white !important; --primary-bg-shade-2: white !important; --primary-bg-shade-3: white !important; --supported: #84CC16%20!important;%20--no-support:%20#DC2626%20!important;%20--no-support-alt:%20#b43b2b%20!important;%20--partial:%20#22D3EE%20!important;%20--partial-alt:%20#06B6D4%20!important;%20--no-support-pattern:%20var(--no-support)%20!important;%20--supported-fg:%20black%20!important;%20--partial-pattern:%20var(--partial)%20!important;%20--partial-fg:%20black%20!important;%20--no-support-fg:%20white%20!important;}',0);})()

Pustelto

function getTimeSince(_fromDate, _toDate = new Date()) {
  const throwError = () => {
    throw new Error("getTimeSince requires 1-2 arguments, of type date or date-string");
  };

  if (typeof _fromDate === "undefined") {
    throwError();
  }

  const fromDate = +new Date(_fromDate);

Pustelto

workflow:
  rules:
    - if: $CI_COMMIT_BRANCH == "main"

image: node

pages:
  variables:
    # Replace this variable with your own path. Just copy everything right behind the domain gitlab.io. Don't forget to add
    # the slash at the beginnig.

Pustelto

RN iOS fastlane setup

What you need

• fastlane
• private git repo to store certificates and profiles on
• access to app store and to developer account
• set your phone number as trusted phone number in Apple ID managmend for your developer account.

How to do it

Pustelto

RN improvement suggestions

Images

When loading image from local storage, don't include size variable manualy. Instead different size variants should be names with @Nx suffix (eg. @2x or @3x) and only suffixless file name should be included. This way RN will pick best image by itself based in device screen.

Bad:

<Image source={require('../../img/graphics/wishlist/checkbox-selected-2x.png')} />

Pustelto

$breakpoints: (
  xs: 320px,   //small
  sm: 768px,   //tablet
  md: 1024px,  //laptop
  lg: 1400px   //desktop
);

// Basic layout settings
$layout: (
  width: 1170px,

Pustelto

$breakpoints: (
  xs: 320px,   //small
  sm: 768px,   //tablet
  md: 1024px,  //laptop
  lg: 1400px   //desktop
);

// Basic layout settings
$layout: (
  width: 1170px,

Pustelto

// SVG art-direction
    const logoSvg = document.getElementById( 'av-logo' );
    function artDirectSvg() {
        if( Modernizr.mq( '(max-width: 300px)' ) ) {
            logoSvg.setAttribute( 'viewBox', '0 0 79 85' );
        }
        if( Modernizr.mq( '(min-width: 300px)' ) && Modernizr.mq( '(max-width: 560px)' ) ) {
            logoSvg.setAttribute( 'viewBox', '97 -230 403 310' );
        }
        if( Modernizr.mq( '(min-width: 561px)' ) ) {

Pustelto

// =============
// CLASS TOGGLER
// =============
(function(){
  const togglers = document.querySelectorAll('.js-toggler');

  togglers.forEach(elm => {
    elm.addEventListener('click', toggleClass);
  });