This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<canvas id="canvas" width="900" height="700"> | |
</canvas> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<p><i class="fa fa-car"></i> Force Font to load.</p> | |
<canvas id="thecanvas" width="900" height="700"> | |
</ canvas> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<section> | |
<div class="left"> | |
<ul> | |
<li> | |
<span class="outer"> | |
<span class="inner"><h6>1</h6>Nam a efficitur eros, vel placerat amet.</span> | |
</span> | |
</li> | |
<li> | |
<span class="outer"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<section class="text"> | |
<h1>2 columns<br>scroll down</h1> | |
<p class="middle">This text is 2.5 columns. This is to give a guide to how everything should line-up. Vivamus vulputate Curabitur a viverra neque. Fusce eros sem, aliquam sit amet enim scelerisque, sodales ornare urna. Morbi volutpat laoreet dolor id ornare. . Donec turpis metus; tempor ac consectetur nec, viverra in massa. Ut congue lacus et convallis faucibus. Phasellus a finibus orci. Sed aliquet dapibus libero ac efficitur? Phasellus ut ante ac velit bibendum dignissim nullam. </p> | |
<p class="last">This text is 1 column. Proin pharetra vel orci ut viverra. Proin quis sagittis sem, dictum vulputate justo.</p> | |
</section> | |
<section class="carousel"> | |
<div class="left"> | |
<ul> | |
<li> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<section class="text"> | |
<h1>2 columns<br>scroll down</h1> | |
<p class="middle">This text is 2.5 columns. This is to give a guide to how everything should line-up. Vivamus vulputate Curabitur a viverra neque. Fusce eros sem, aliquam sit amet enim scelerisque, sodales ornare urna. Morbi volutpat laoreet dolor id ornare. . Donec turpis metus; tempor ac consectetur nec, viverra in massa. Ut congue lacus et convallis faucibus. Phasellus a finibus orci. Sed aliquet dapibus libero ac efficitur? Phasellus ut ante ac velit bibendum dignissim nullam. </p> | |
<p class="last">This text is 1 column. Proin pharetra vel orci ut viverra. Proin quis sagittis sem, dictum vulputate justo.</p> | |
</section> | |
<section class="carousel"> | |
<div class="left"> | |
<ul> | |
<li> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { PureComponent } from 'react'; | |
import { createBlockStyleButton } from 'draft-js-buttons'; | |
import TextAlignmentButton from './TextAlignmentButton'; | |
import { TYPES } from 'textAlignment'; | |
export default class Alignment extends PureComponent { | |
buttons = TYPES.map((type) => { | |
const Button = createBlockStyleButton({ | |
blockType: type, | |
key: type, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { json, LoaderFunctionArgs } from "@remix-run/node"; | |
import { | |
Form, | |
Link, | |
useFetcher, | |
useLoaderData, | |
useSearchParams, | |
} from "@remix-run/react"; | |
import { useEffect, useState } from "react"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { json, LoaderFunctionArgs } from "@remix-run/node"; | |
import { | |
Form, | |
Link, | |
useFetcher, | |
useLoaderData, | |
useSearchParams, | |
} from "@remix-run/react"; | |
export const loader = async ({ request }: LoaderFunctionArgs) => { |