template-js_snippets/index.html at master · witflash/template-js_snippets · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JS Snippets by WitFlash</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
        crossorigin="anonymous">
</head>
<body>

    <header class="header">
        <h1 class="header__title">My JS Snippets</h1>
    </header>
    <main class="page">
        <p class="page__preface"><span data-show-more='1'>
            This simple page have been created for testing some JS code, CSS animation and work with <strong>DOM</strong> tree.
            <br><br>If you want to test some JS function (named "snippet"), open the console (F12 in Chrome) and use the function's name with right arguments (try to analize the function and think about necessary arguments).
            <br><br>This page is using clear HTML, CSS and Vanilla JS without any templators, pre-/postprocessors, plugins or other libraries.
            <br><br>Vanilla <strong>JavaScript</strong> was use to show native JS capabilities, including modern ES2015 (ES6) standard.
            <br><br><strong>CSS</strong> styles is including the newest capabilities (such as CSS variables and other).</span>
        </p>
    </main>

    <footer class="footer">
        "JS Snippets" &COPY; WitFlash, 2018
    </footer>

    <script src="main.js"></script>
    <script src="app.js"></script>
</body>
</html>