You've already forked TheComputersIdentity
mirror of
https://github.com/MrLyallCSIT/TheComputersIdentity.git
synced 2026-01-18 07:09:39 +00:00
Update Theme and Links
Main Update to Design Theme Package and Update to links
This commit is contained in:
98
english.html
98
english.html
@@ -8,40 +8,41 @@
|
||||
<head>
|
||||
<title>The Computer's Identity - English Version</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
<link rel="stylesheet" href="assets/css/main.css" />
|
||||
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
|
||||
</head>
|
||||
<body>
|
||||
<body class="is-preload">
|
||||
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided">
|
||||
|
||||
<!-- One -->
|
||||
<section class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
|
||||
<div class="content">
|
||||
<h1>The Computer's Identity</h1>
|
||||
<h2>English Version</h2>
|
||||
<section class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
|
||||
<div class="content">
|
||||
<h1>The Computer's Identity</h1>
|
||||
<h2>English Version</h2>
|
||||
<p class="major">The English language is one of the most commonly used around the world with approximately 330 to 360 million people speak English as their first language</p>
|
||||
<h2>Language Selection</h2>
|
||||
<p class="major">Please select the language you would like to read in.</p>
|
||||
<ul class="actions vertical">
|
||||
<li><a href="english.html" class="button special big wide smooth-scroll-middle">English</a></li>
|
||||
<li><a href="binary.html" class="button special big wide smooth-scroll-middle">Binary (Number Base 2)</a></li>
|
||||
<li><a href="octal.html" class="button special big wide smooth-scroll-middle">Octal (Number Base 8)</a></li>
|
||||
<li><a href="deanary.html" class="button special big wide smooth-scroll-middle">ASCII (Number Base 10)</a></li>
|
||||
<li><a href="hex.html" class="button special big wide smooth-scroll-middle">Hexadecimal (Number Base 16)</a></li>
|
||||
<li><a href="1337.html" class="button special big wide smooth-scroll-middle">Leet (1337)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="images/banner.jpg" alt="" />
|
||||
</div>
|
||||
</section>
|
||||
<h2>Language Selection</h2>
|
||||
<p class="major">Please select the language you would like to read in.</p>
|
||||
<ul class="vertical actions">
|
||||
<li><a href="english.html" class="button special big wide smooth-scroll-middle">English</a></li>
|
||||
<li><a href="binary.html" class="button special big wide smooth-scroll-middle">Binary (Number Base 2)</a></li>
|
||||
<li><a href="octal.html" class="button special big wide smooth-scroll-middle">Octal (Number Base 8)</a></li>
|
||||
<li><a href="denary.html" class="button special big wide smooth-scroll-middle">ASCII (Number Base 10)</a></li>
|
||||
<li><a href="hex.html" class="button special big wide smooth-scroll-middle">Hexadecimal (Number Base 16)</a></li>
|
||||
<li><a href="1337.html" class="button special big wide smooth-scroll-middle">Leet (1337)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="images/banner.jpg" alt="" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Two -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<h2>The Computers Identity</h2>
|
||||
<!-- Two -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<h2>The Computers Identity</h2>
|
||||
<p>Three years,</br>Is all it takes to make a technician,</br>But no one ever knows,</br>No one ever realises,</br>The technician's identity,</br></br>Every morning,</br>The black box in my room beeps,</br>And it wakes up when I do,</br>The fans whir and spin up,</br>The loudest thing in my room,</br>Other than my alarm,</br></br>But it's identity,</br>It's name, age and hobbies,</br>Is generalised,</br>To everyone but me,</br></br>This isn't a romantic relationship,</br>With a man and his computer,</br>But more of a companionship,</br>Where man meets machine,</br></br>My machines identity is an unusual one,</br>Mine is called Goliath,</br>As a inside joke with another computer I built,</br>Called David,</br></br></br>David is the bigger of the two,</br>And is the less powerful one,</br>Goliath's identity changes on a regular basis,
|
||||
</br>He is 3 years old,
|
||||
</br>I got him and made him when I started uni,
|
||||
@@ -98,30 +99,29 @@ The small little box,
|
||||
</br>Because even though they don't have feelings,
|
||||
</br>Computers have an identity. </p>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
<li><a href="https://bsky.app/profile/adcmnetworks.co.uk" class="icon brands style2 fa-bluesky"><span class="label">BlueSky</span></a></li>
|
||||
<li><a href="https://mstdn.social/@MrDavisCSIT" class="icon brands style2 fa-mastodon"><span class="label">Mastodon</span></a></li>
|
||||
<li><a href="https://www.linkedin.com/in/alexanderedavis/" class="icon brands style2 fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
|
||||
</ul>
|
||||
<p>© The Computer's Identity. Created and Designed by <a href="https://www.mrdaviscsit.uk">Alexander Davis</a>.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
<li><a href="https://twitter.com/alexanderedavis" class="icon style2 fa-twitter"><span class="label">Twitter</span></a></li>
|
||||
<li><a href="https://www.facebook.com/Alexander.Davis1995" class="icon style2 fa-facebook"><span class="label">Facebook</span></a></li>
|
||||
<li><a href="https://www.instagram.com/alexanderedavis/" class="icon style2 fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
<li><a href="https://www.linkedin.com/in/alexanderedavis/" class="icon style2 fa-linkedin"><span class="label">LinkedIn</span></a></li>
|
||||
<li><a href="mailto:contact@alexanderdavis.tech" class="icon style2 fa-envelope"><span class="label">Email</span></a></li>
|
||||
</ul>
|
||||
<p>© The Computer's Identity. Created and Designed by <a href="https://www.alexanderdavis.tech">Alexander Davis</a>.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Scripts -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="assets/js/browser.min.js"></script>
|
||||
<script src="assets/js/breakpoints.min.js"></script>
|
||||
<script src="assets/js/util.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="assets/js/skel.min.js"></script>
|
||||
<script src="assets/js/util.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user