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)

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


<!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>