StudentofCS.github.io/links.html at main · StudentofCS/StudentofCS.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
<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
        <link href="styles.css" rel="stylesheet">
        <title>Luis Minaya</title>
        <link rel="icon" type="image/x-icon" href="/images/LNM2.1.jpg">
    </head>
    <body>
        <div id="mainHeader">
            <h1>Luis N. Minaya</h1>

            <div id="menu">
                <!-- this is for the menu bar-->
                <a href="/index.html" class="menuButton" id="index-link">Home</a>
                <a href="/books.html" class="menuButton" id="books-link">Books I've Read</a>
                <a href="/cooking.html" class="menuButton" id="cooking-link">Pictures of my Cooking</a>
                <a href="/links.html" class="menuButton" id="links-link">Links</a>
            </div>
        </div>


        <div class="container">
            <!-- Main content here-->
            <h1 style="font-size: 130%; padding-bottom: 50px">You can contact me on LinkedIn or through e-mail:</h1>

            <div style="text-align: center;">
<!--                 <img src="/images/github.png" alt="GitHub Icon" style="width: 30px; height: auto">
                <a href="https://github.com/StudentofCS/harvardCoursework">Coding Work</a>
                <br> -->

                <img src="/images/linkedinIcon.jpg" alt="LinkedIn Icon" style="width: 30px; height: auto">
                <a href="https://www.linkedin.com/in/luisnminaya/">Contact me on LinkedIn</a>
                <br>

                <img src="/images/mailIcon.png" alt="@ Icon" style="width: 30px; height: auto">
                <a href="mailto:luis.minaya@gmail.com">E-mail me at luis.minaya @ gmail</a>
            </div>
        </div>

        <!-- Bootstrap's popper script-->
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
        <!-- Bootstrap script-->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>

        <!--Script to add currentPage class to current URL in order to bold the link font-->
        <script>
            document.addEventListener("DOMContentLoaded", function() {
                const currentPage = window.location.pathname.split("/").pop();
                const linkId = currentPage.split(".")[0] + "-link";
                const currentLink = document.getElementById(linkId);
                if (currentLink) {
                    currentLink.classList.add("currentPage");
                }
            });
        </script>

        <!--Script for changing the way links open if you are on mobile-->
        <script>
            if (window.innerWidth <= 768) {
                let targetTypes = document.querySelectorAll('a[target="_blank"]');
                for (let targetType of targetTypes) {
                    targetType.setAttribute('target', '_top');
                }
            }
        </script>
    </body>
</html>