Skip to content

Instantly share code, notes, and snippets.

@elijahmanor

elijahmanor/index.html

Last active March 12, 2020 16:11
Show Gist options
  • Save elijahmanor/51c0a1ffda41f9b9d87170618044582d to your computer and use it in GitHub Desktop.
Save elijahmanor/51c0a1ffda41f9b9d87170618044582d to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. elijahmanor revised this gist Mar 12, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion script.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    function App() {
    return <div>
    <h1>Hi, I'm GistPad { _.uniqueId() } 👋</h1>
    <h1>Hi, I'm GistPad { _.random() } 👋</h1>
    <p>Feel free to edit the HTML, JavaScript and CSS in this playground. The preview will update in real-time, so that you can visually explore your ideas.</p>
    <button onClick={() => alert("Hi!")}>Say Hi <span className="fa fa-heart" /></button>
    </div>;
  2. elijahmanor revised this gist Mar 12, 2020. 1 changed file with 0 additions and 2 deletions.
    2 changes: 0 additions & 2 deletions script.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,3 @@
    import { uniqueId } from "lodash";

    function App() {
    return <div>
    <h1>Hi, I'm GistPad { _.uniqueId() } 👋</h1>
  3. elijahmanor revised this gist Mar 12, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion script.js
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@ import { uniqueId } from "lodash";

    function App() {
    return <div>
    <h1>Hi, I'm GistPad { uniqueId() } 👋</h1>
    <h1>Hi, I'm GistPad { _.uniqueId() } 👋</h1>
    <p>Feel free to edit the HTML, JavaScript and CSS in this playground. The preview will update in real-time, so that you can visually explore your ideas.</p>
    <button onClick={() => alert("Hi!")}>Say Hi <span className="fa fa-heart" /></button>
    </div>;
  4. elijahmanor revised this gist Mar 12, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion script.js
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@ import { uniqueId } from "lodash";

    function App() {
    return <div>
    <h1>Hi, I'm GistPad { uniqueId() } 👋</h1>
    <h1>Hi, I'm GistPad { uniqueId() } 👋</h1>
    <p>Feel free to edit the HTML, JavaScript and CSS in this playground. The preview will update in real-time, so that you can visually explore your ideas.</p>
    <button onClick={() => alert("Hi!")}>Say Hi <span className="fa fa-heart" /></button>
    </div>;
  5. elijahmanor revised this gist Mar 12, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion script.js
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@ import { uniqueId } from "lodash";

    function App() {
    return <div>
    <h1>Hi, I'm GistPad {}👋</h1>
    <h1>Hi, I'm GistPad { uniqueId() } 👋</h1>
    <p>Feel free to edit the HTML, JavaScript and CSS in this playground. The preview will update in real-time, so that you can visually explore your ideas.</p>
    <button onClick={() => alert("Hi!")}>Say Hi <span className="fa fa-heart" /></button>
    </div>;
  6. elijahmanor revised this gist Mar 12, 2020. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions script.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +1,8 @@
    import { clamp } from "lodash";
    import { uniqueId } from "lodash";

    function App() {
    return <div>
    <h1>Hi, I'm GistPad 👋</h1>
    <h1>Hi, I'm GistPad {}👋</h1>
    <p>Feel free to edit the HTML, JavaScript and CSS in this playground. The preview will update in real-time, so that you can visually explore your ideas.</p>
    <button onClick={() => alert("Hi!")}>Say Hi <span className="fa fa-heart" /></button>
    </div>;
  7. elijahmanor revised this gist Mar 12, 2020. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions script.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,5 @@
    import { clamp } from "lodash";

    function App() {
    return <div>
    <h1>Hi, I'm GistPad 👋</h1>
  8. elijahmanor revised this gist Mar 12, 2020. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion playground.json
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,8 @@
    "scripts": [
    "react",
    "react-dom",
    "https://cdnjs.cloudflare.com/ajax/libs/d3-axis/1.0.10/d3-axis.min.js"
    "https://cdnjs.cloudflare.com/ajax/libs/d3-axis/1.0.10/d3-axis.min.js",
    "https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"
    ],
    "styles": [
    "font-awesome"
  9. elijahmanor revised this gist Mar 12, 2020. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion playground.json
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,8 @@
    {
    "scripts": [
    "react",
    "react-dom"
    "react-dom",
    "https://cdnjs.cloudflare.com/ajax/libs/d3-axis/1.0.10/d3-axis.min.js"
    ],
    "styles": [
    "font-awesome"
  10. elijahmanor created this gist Mar 12, 2020.
    1 change: 1 addition & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <div id="app"></div>
    9 changes: 9 additions & 0 deletions playground.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    {
    "scripts": [
    "react",
    "react-dom"
    ],
    "styles": [
    "font-awesome"
    ]
    }
    9 changes: 9 additions & 0 deletions script.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    function App() {
    return <div>
    <h1>Hi, I'm GistPad 👋</h1>
    <p>Feel free to edit the HTML, JavaScript and CSS in this playground. The preview will update in real-time, so that you can visually explore your ideas.</p>
    <button onClick={() => alert("Hi!")}>Say Hi <span className="fa fa-heart" /></button>
    </div>;
    }

    ReactDOM.render(<App />, document.getElementById("app"));
    3 changes: 3 additions & 0 deletions style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    body {
    background-color: lightblue;
    }