projectkenneth.github.io/index.html at master · projectkenneth/projectkenneth.github.io · 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <meta name="author" content="Kenneth Angelo Reyes">
    <meta name="description" content="I build apps then talk about the experience. Created Read Tech Here and RotoscodeJS.">

    <meta property="og:url" content="https://projectkenneth.com/" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Kenneth Angelo Reyes - Project Kenneth" />
    <meta property="og:description" content="I build apps then talk about the experience. Created Read Tech Here and RotoscodeJS." />
    <meta property="og:image" content="https://projectkenneth.com/assets/images/logo-icon.png" />

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="projectkenneth" />

    <title>Kenneth Angelo Reyes | Project Kenneth</title>

    <link rel="shortcut icon" type="image/png" href="assets/images/logo-icon.png" />

    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="assets/styles/styles.min.css">

    <script src="https://kit.fontawesome.com/1ce80339f0.js" crossorigin="anonymous"></script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-NBYF2W1Z00"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-NBYF2W1Z00');
    </script>
</head>

<body>

    <div class="wrapper">
        <header class="row row-align-center row-justify-center row-vertical">
            <div class="col logo">
                <img src="assets/images/logo-large.png" width="308" height="150" />
            </div>
            <div class="col i-am-text">
                <h1 class="my-name">Kenneth Angelo Reyes</h1>
            </div>
            <div class="col text-align-center i-am-text">
                <div class="text-bold">I build apps then talk about the experience.</div>
            </div>
        </header>

        <nav class="row row-justify-center row-wrap">
            <a href="https://twitter.com/projectkenneth" alt="Twitter" title="Twitter"><i class="fab fa-twitter "></i><span class="visually-hidden">Twitter</span></a>
            <a href="https://blog.projectkenneth.com" alt="Blog" title="Blog"><i class="fas fa-newspaper "></i><span class="visually-hidden">Blog</span></a>
            <a href="https://github.com/projectkenneth" alt="GitHub" title="GitHub"><i class="fab fa-github "></i><span class="visually-hidden">Github</span></a>
            <a href="https://www.linkedin.com/in/reyeskenneth/" alt="LinkedIn" title="LinkedIn"><i class="fab fa-linkedin "></i><span class="visually-hidden">LinkedIn</span></a>
            <a href="https://www.freecodecamp.org/news/author/projectkenneth/" alt="freeCodeCamp.org" title="freeCodeCamp.org"><i class="fab fa-free-code-camp "></i><span class="visually-hidden">freeCodeCamp.org</span></a>
            <a href="https://dev.to/projectkenneth/" alt="DEV Community" title="DEV Community"><i class="fab fa-dev"></i><span class="visually-hidden">DEV Community</span></a>
            <a href="https://www.instagram.com/projectkenneth/" alt="Instagram" title="Instagram"><i class="fab fa-instagram"></i><span class="visually-hidden">Instagram</span></a>
        </nav>

        <section class="row row-justify-center row-wrap projects">
            <div class="col-full text-align-center">
                <h2>check out my projects</h2>
            </div>
            <a href="https://devpinch.online/" class="col project-wrapper">
                <img src="assets/images/devpinch-icon.png" width="120" height="120" />
                <h3>DevPinch</h3>
                <p>DevPinch is collection of close-to real-world projects that teach you software/web development.</p>
            </a>
            <a href="https://twitter.com/readtechhere" class="col project-wrapper">
                <img src="assets/images/rth-icon.png" width="120" height="120" />
                <h3>Read Tech Here</h3>
                <p>A Twitter bot that automatically retweets tech-related tweets.</p>
            </a>
            <a href="https://rotoscodejs.com/" class="col project-wrapper">
                <img src="assets/images/rotoscodejs-icon.png" width="120" height="120" />
                <h3>RotoscodeJS</h3>
                <p>RotoscodeJS is a set of tools that allow you to record as you code. Then, you can embed that recording on your websites.</p>
            </a>
        </section>
    </div>

</body>

</html>