Blog/post1.html at main · amad00/Blog · 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
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Internet History</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet">
    <link href="styles.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,500,700|Muli:400,500,700&display=swap"
        rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
        integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>

<body>
    <header>
        <h1><a href="index.html">Ama's Blog</a></h1>
        <nav id="mainnav">
            <ul>
                <li><a href="#">Archives</a>
                    <ul class="submenu">
                        <li><a href="post1.html">01. History </a></li>
                        <li><a href="post2.html">02. Semantic</a></li>
                        <li><a href="post3.html">03. Typeface</a></li>
                        <li><a href="post4.html">04. Web vs App </a></li>
                        <li><a href="post5.html">05. Core Model</a></li>
                        <li><a href="post6.html">06. Web Design</a></li>
                    </ul>
                </li>
            </ul>

        </nav>
    </header>

    <section class="blog">
        <nav>
            <ul class="post1next">
                <li><a href="post2.html">Semantic HTML <i class="fas fa-chevron-right"></i></a></li>
            </ul>
        </nav>


        <article class="blogpost" alt="code">
            <h2>Internet History</h2>
            <time datetime="2020-01-09">January 9th, 2020</time>
            <img src="images/internet-history.jpg">
            <p>How might the use of social media as a primary source of communication affect the cyber-youth?</p>
            <p>Social media expands our reach, allowing us to communicate with those in different cities and countries.
                It can give a voice to some, providing them with a means of communicating. It allows us to find out more
                about what is going on around the world. Teens are able to communicate and create groups with each other
                around the world based on hobbies and shared likes. But the use of social media also leads to more
                bullying; cyberbullying. These social media platforms give a place for others to say cruel things that
                they may or may not say in person. They do so behind the protection of their screen.</p>
            <p>Social media also negatively affects youth, giving them anxiety. Nowadays people agonize about likes and
                tweets and filters and whether or not to post or tweet something because of the fear of being shamed.
                People feel like they have to look a certain or way or say something the right way. Teens are also
                posting about what they are doing, when and possibly where. There are some dangers it seems. But how can
                we start to correct the negative impacts of using social media, when it seems to be an integral part of
                our daily lives?
            </p>
            <p>Sources:</p>
            <ol>
                <li><a href="https://er.educause.edu/articles/2013/12/social-media-as-a-primary-source-a-coming-of-age">Social
                        Media as a Primary Source: A Coming of Age
                    </a></li>
                <li><a href="https://childmind.org/article/how-using-social-media-affects-teenagers/">How Using Social
                        Media Affects Teenagers
                    </a></li>
            </ol>
        </article>
    </section>
    <footer>
        <p>Ama Dadzie</p>
        <p>Contact: <a
                href="mailto:&#097;&#115;&#100;&#097;&#100;&#122;&#105;&#101;&#064;&#117;&#099;&#100;&#097;&#118;&#105;&#115;&#046;&#101;&#100;&#117;">&#097;&#115;&#100;&#097;&#100;&#122;&#105;&#101;&#064;&#117;&#099;&#100;&#097;&#118;&#105;&#115;&#046;&#101;&#100;&#117;</a>
        </p>
        <p><a href="http://validator.w3.org/check?uri=referer">Valid HTML5</a></p>
    </footer>
</body>

</html>