thepc.github.io/origin.html at main · j4y146/thepc.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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="look.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
    />
    <title>The Personal Computer</title>
  </head>
  <body>
    <header>
      <!-- Navbar -->
      <nav id="navbar">
        <div class="container">
          <h1><a href="#">The Personal Computer</a></h1>
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="origin.html" class="current">Origin</a></li>
            <li><a href="impacts.html">Impacts</a></li>
            <li><a href="annotatedbib.html">Bibliography</a></li>
          </ul>
        </div>
      </nav>

      <!-- Showcase Area -->
      <div id="showcase">
        <div class="container">
          <div class="showcase-content">
            <h2>Origins</h2>
            <p class="lead">  The personal computer era started with DIY (do it yourself) computers that resembled a metal box with lights and switches on it, no screen, no keyboard, and especially no mouse. An example of one of these computers was the MIT Altair 8800, pictured below. This was the start of the personal computer industry, even though these were for electronic hobbyists. The computer industry quickly exploded only 2 years later with the Apple II, the TRS-80, and the Commodore PET.
            </p>
            <div class="image">
              <img src="altair.jpeg" alt="Altair 8800">
            </div>
            <h2>Updates & Upgrades</h2>
            <p class="lead">  Personal computers started as DIY projects with very little usability, but over time, personal computers became more usable and accessible to individuals. The personal computers gained a lot of power since its internals all got upgraded making them more capable of a wider variety of tasks. As computers became more power, their user interfaces became easier to use and quicker to learn, this then made computers accesible to a larger variety of people, such as people who are not "tech savvy." As more people use computers and see how useful they are, the more the computer industry will grow and prosper releasing and selling new computers every year, that computer always better than the last. Each year, new features, new uses, better graphics, better sound, this made computers able to do even more things and be even more useful.
            </p>
            <div class="image">
              <img src="computer-system-upgrade.jpeg" alt="Computer Upgrade">
              <img src="ui.png" alt="User Interface">
            </div>
          </div>
        </div>
      </div>
      <div id="showcase">
        <div class="container">
          <div class="showcase-content">
            <br>
          </div>
        </div>
      </div>
    </header>

    <div class="clr"></div>

  </body>
</html>