HabermasCSS/index.html at master · titaniumbones/HabermasCSS · 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
<!DOCTYPE html>

<head>
    <meta charset=utf-8 />
    <title>HTML & the Public Sphere</title>
    <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link rel="stylesheet" id="jsbin-css" href="./style.css">

</head>

<body>
    <header>
        <p>
            You are familiar with the text below. Today we will work on formatting the text with CSS
        </p>
        <h1>Habermas and the Public Sphere</h1>

    </header>
    <article>
        <main class="main">
            <section id="left">
                <p class="start">
                    Habermas says that:
                </p>
                <blockquote id="from-habermas">
                    At one time, the process of making things public [<i>Publizit&auml;t</i>] was intended to subject persons or affairs to public reason, and to make political decisions subject to appeal before the court of public opinion. But often enough today the process of making public simply serves the arcane policies of special intersts; in the form of "publicity" it wins public prestige for people or affairs, thus making them worth of acclamation in a climate of non-public opnion. <img id="struktur" src="https://images-na.ssl-images-amazon.com/images/I/41ic4%2Bjf-RL._SX304_BO1,204,203,200_.jpg" />
                </blockquote>
                <p>
                    If you believe this narrative -- in which the public sphere has suffered a marked decline since the early 19<sup>th</sup> Century &mdash; the open question is, can the Web reverse that trend? Everything depends on what you think the main virtues of the public sphere are, and how the Web can prop them up.
                </p>
                <p>
                    Make a brief argument here in this repo explaining your opinion.
                </p>
            </section>
            <!-- end left -->

            <section id="right">
                <h2> The Web Strikes Back </h2>
                <img class="head-shot" alt="Tim Berners-Lee" title="he sure was young!" src=" http://scihi.org/wp-content/uploads/2012/06/tim3.jpg" />
                <p class="start"> When <a href="http://en.wikipedia.org/wiki/Tim_Berners-Lee">Tim Berners-Lee</a> first tried to build a web browser, he thought it would be a kind of specialized word processor. He imagined that every user would be <i>creating</i> as much as <i>consuming</i>. He wanted to call it the "read/write web". But browsers never became the creation tools he wanted them to be. Instead we now have <a href="http://facebook.com">websites</a> that invite creation. These present their own encodings of <a href="http://en.wikipedia.org/wiki/Walled_garden_%28technology%29">public</a> and <a href="https://www.facebook.com/help/privacy">private</a>.
                </p>
                <p id="badnews">The truth is these last two years, the web has given us a gift: the first pathological narcissist to hold the presidency in some time. How much responsiblility do Twitter and Breitbart hold? What if, instead of a Public Sphere, we've just ended up with an infinite array of vacuous echo chambers? What happens to legitimacy, authenticity, democracy, then?
                </p>
                <p class="main"> Think about the structure of HTML (links, hypertext) and also about the interactivity that the Web now gives you. Make an argument IN HTML about whether the Web saves the Public Sphere (<a href="http://www.humanities.uci.edu/mposter/writings/democ.html">Mark Poster thinks it does</a>) or continues to pose problems for it. As you do this, <strong>use as many tags as you can, and mess with the CSS on this page if you have a chance</strong>. </p>
            </section>
            <!-- end right -->
        </main>
    </article>

       <footer>
        <p id="hello" class="hidden"></p>
        <p> and this is just a bunch of stuff to scroll up the page</p>
        <p> and this is just a bunch of stuff to scroll up the page</p>
        <p> and this is just a bunch of stuff to scroll up the page</p>
        <p> and this is just a bunch of stuff to scroll up the page</p>
        <p> and this is just a bunch of stuff to scroll up the page</p>
        <p> and this is just a bunch of stuff to scroll up the page</p>
        <p> and this is just a bunch of stuff to scroll up the page</p>
        <p> and this is just a bunch of stuff to scroll up the page</p>
        <p> and this is just a bunch of stuff to scroll up the page</p>
        <p> and this is just a bunch of stuff to scroll up the page</p>
        <button class="button" value="mystery">Click Me</button>
    </footer>
    <script src="./script.js" type="text/javascript"></script>
</body>