Webbserver - Love Blomberg

Show sourcecode

The following files exists in this folder. Click to view.

public_html/gamla-kurser/webbutv1/projekt/

Cards/
MemoRing/
backup/
card.html
css/
index_old.html
index_tabs.html
js/
projekt-framtidens-infrastruktur/
retro/
venturo/

index_tabs.html

86 lines UTF-8 Windows (CRLF)
<!DOCTYPE html>
<html lang="sv">
    

    <head>
        <meta charset="utf-8">
        <title>Loves Hemsida</title>
        <link href="./css/css_index.css" rel="stylesheet" />
        <script src=
    "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
        </script>
        
        <script>
            /* Add "https://api.ipify.org?format=json" statement
                       this will communicate with the ipify servers in
                       order to retrieve the IP address $.getJSON will
                       load JSON-encoded data from the server using a
                       GET HTTP request */
                        
            $.getJSON("https://api.ipify.org?format=json", function(data) {
                 
                // Setting text of element P with id gfg
                $("#gfg").html(data.ip);
            })
            </script>
    </head>

    <body>
        <!-- Innehåll -->
        <h1>Välkommen till Loves källare</h1>
        <h3>OM MIG</h3>
        <p class="aboutme">
            Jag heter Love och går på VGY i Gullmarsplan. Just nu studerar jag teknik och html.
        </p>
        <h3>MINA INTRESSEN</h3>
        <p class="aboutme">
            Jag är intresserad av datorer, bilar och att utveckla mjukvara som spel, appar mm. Jag bor i Älvsjö och är född i Täby. Mina tidigare kunskaper inom utveckling och data är främst spelutveckling i Unity och Godot samt lite python script och appar.
        </p>
        <hr>
        <div>
            <p>
                <b>Love</b> <em>Blomberg</em>
                <br>2023-08-29
            </p>
            
        </div>
        <hr>
        <div class="tab">
            <button class="tablinks" onclick="openTab(event, 'Projects')">Övningar</button>
            <button class="tablinks" onclick="openTab(event, 'Links')">Länkar</button>
            <button class="tablinks" onclick="openTab(event, 'Pictures')">Bilder</button>
            <button class="tablinks" onclick="openTab(event, 'IPs')">IPs</button>
        </div>

        <!-- Tab contents -->
        <div id="Projects" class="tabcontent">
            <h3>Övningar</h3>
            <div class="links">
                <a href="../ovningar/ovning0.html"> Övning 0 - Första hemsidan </a> <br>
                <a href="../ovningar/ovning00.html"> Övning 00 - Hemsida v2 </a> <br>
                <a href="../ovningar/ovning1.html"> Övning 1 - Internets historia & fakta </a> <br>
                <a href="../ovningar/ovning2.html"> Övning 2 - CSS </a> <br>
                <a href="../ovningar/ovning3.html"> Övning 3 - Extern stilmall CSS </a> <br>
            </div>
        </div>

        <div id="IPs" class="tabcontent">
            <h3>IP Adresser</h3>
            <h3>Din IP är:</h3>
            <p id="gfg"></p>
            <img class="holymoly" src="https://media.tenor.com/oROQMARuS7sAAAAC/holy-moly-emoji.gif" alt="holy-moly">
        </div>

        <div id="Links" class="tabcontent">
            <h3>Länkar</h3>
            <a href="https://vgy.se"> VGYs hemsida</a>
        </div>

        <div id="Pictures" class="tabcontent">
            <h3>Bilder</h3>
            <img src="../ovningar/bilder/selfie.jpg" width="500" height="100" alt="selfie">
        </div>

        <script type="text/javascript" src="./js/tabs.js"></script>
    </body>
</html>