Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

HW Assignment 1 Submission by George Kokkinidis #2

Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Open

HW Assignment 1 Submission by George Kokkinidis #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
8cad80a
Create css
designlanguage May 17, 2016
641b707
Delete css
designlanguage May 17, 2016
0925c53
Add files via upload
designlanguage May 17, 2016
bf3ac35
Add files via upload
designlanguage May 17, 2016
5a76755
Create style.css
designlanguage May 17, 2016
7e12aee
Add files via upload
designlanguage May 17, 2016
8484b8e
Create Géode_V_3_1.gif
designlanguage May 17, 2016
8361a42
Add files via upload
designlanguage May 17, 2016
e3a8e7c
Updated CSS
designlanguage Jun 2, 2016
a8ae7d8
Re-uploaded CSS
designlanguage Jun 3, 2016
7ddfd78
Trying to upload the HTML again...
designlanguage Jun 3, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
100 changes: 100 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
body {
font-family: sans-serif;
font-size: 18px;
line-height: 1.5;
margin: 30px;
border-bottom: 8px dotted #BFBA99;
border-top: 8px dotted #BFBA99;
padding-top: 35px;
padding-right: 0px;
padding-bottom: 50px;
padding-left: 0px;
background: #E3DDB8;
}

a {
font-weight: bold;
color: #70465C;
}

small {
color: #575757;
}

strong {
color: #575757;
font-style: italic;
}

h1 {
text-transform: uppercase;
font-weight: bold;
/* text-align: center; */
color: #70465C;
margin-top: 0;
}

h2 {
color: #70465C;
}

h3 {
font-size: 18px;
color: #70465C;
text-transform: uppercase;
letter-spacing: 2px;
margin-top: 42px;
}

h4 {
font-weight: normal;
margin-bottom: 0;
color: #575757;
}

p {
font-family: Georgia, serif;
margin-top: 0;
margin-bottom: 27px;
color: #575757;
}

ul {
list-style: square;
}

ul p {
color: #575757;
}

li {
color: #575757;
}

hr {
border: none;
border-top: 1px solid #BFBA99;
margin: 20px 0;
}

img {
margin-bottom: 20px;
border: 1px solid #BFBA99;
padding: 10px;
text-align: center;
}

img.profile {
float: right;
width: 200px;
margin-left: 20px;
}

img.car {
width: 500px;
}

nav {
color: #70465C;
/* text-align: center; */
}
69 changes: 69 additions & 0 deletions experience.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Buckminster Fuller's accomplishments">
<meta name="keywords" content="one, two, three">
<title>Buckminster Fuller | Experience</title>

<link rel="stylesheet" href="css/style.css">
</head>

<body>
<nav>
<a href="index.html">About Me</a>
|
<strong>Accomplishments</strong>
</nav>

<h1>Buckminster Fuller</h1>

<hr>

<h2>Experience</h2>

<p>
There's so much to say about my life and experiences, but this is just an abbreviated version. To find out more, read my <a href="https://en.wikipedia.org/wiki/Dymaxion_Chronofile" target="blank">Dymaxion Chronofile</a> <small>(AKA: my diary)</small>. In brief, I was expelled from Harvard <strong>twice</strong>: once for partying, and once for being disinterested. I'm very interested in the environment and sustainability. Did I mention that I <a href="https://en.wikipedia.org/wiki/Polyphasic_sleep#Buckminster_Fuller" target="blank">redesigned sleep?</a>
</p>

<h3>Some of my work</h3>

<ul>
<li>
<h4><strong>Dymaxion Car</strong>, <small>1933</small></h4>
<p>This wasn't so much a car as the "ground taxiing phase" of a vehicle that might one day fly, land, and drive. Some idiot crashed into the prototype, but of course my vehicle was blamed. I think that's why it never became popular.</p>
<img class="car" src="images/Dynamixion_car_by_Buckminster_Fuller_1933.jpg" alt="A photograph of a green Dymaxion car prototyle viewed from the side" title="The other two prototypes crashed">
</li>

<li>
<h4><strong>Dymaxion Map</strong>, <small>1943</small></h4>
<p>All map projections distort the actual size of continents somewhat, but my map is the most accurate flat representation of our round earth.</p>
<img src="images/Dymaxion_2003_animation_small1.gif" alt="Animation of a globe morphing into an icosahedron, then unfolding into a flat Dymaxion map of the earth" title="Can't get more accurate than this">
</li>

<li>
<h4><strong>Geodesic Dome</strong>, <small>1945</small></h4>
<p>The geodesic dome was created 20 years before I came along, but I popularized the idea and was awarded a patent for it. It's a strong and light structure.</p>
<img src="images/Géode_V_3_1.gif" alt="Animation of a rotating geodesic dome" title="My one creation that I don't call 'Dymaxion'">
</li>
</ul>

<h3>Education</h3>

<ul>
<li><strong>Milton Academy</strong> — Graduated 1913</li>
<li><strong>Harvard</strong> — Expelled 1914</li>
<li><strong>Harvard</strong> — Expelled 1915</li>
</ul>

<hr>

<nav>
<a href="https://www.facebook.com/BuckminsterFullerInstitute/" target="blank">Facebook</a>
|
<a href="https://twitter.com/buckyfuller?lang=en" target="blank">Twitter</a>
|
<a href="https://www.linkedin.com/company/buckminster-fuller-institute" target="blank">LinkedIn</a>
</nav>
</body>
</html>
Binary file added images/Dymaxion_2003_animation_small1.gif
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/Dynamixion_car_by_Buckminster_Fuller_1933.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/Géode_V_3_1.gif
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/fuller_artzy.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 36 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Buckminster Fuller's Resumé">
<meta name="keywords" content="one, two, three">
<title>Buckminster Fuller</title>
<link rel="stylesheet" href="css/style.css">
</head>

<body>
<nav>
<strong>About Me</strong>
|
<a href="experience.html">Accomplishments</a>
</nav>

<h1>Buckminster Fuller</h1>

<hr>

<img class="profile" src="images/fuller_artzy.png" alt="Artist rendering of Buckminster Fuller with his bald head shown as a geodesic dome" title="That's me">

<h3>A Dymaxion life</h3>
<p>I'm Bucky, a design thinker from Massachusetts. I've designed lots of things: a car, a house, a way to sleep, etc. When I create something, I usually label it as "Dymaxion." It's a <a href="https://en.wikipedia.org/wiki/Portmanteau" target="blank">portmanteau</a> of <strong>Dy</strong>namic, <strong>Max</strong>imum, and Tens<strong>ion</strong>... but mostly I think it just sounds cool.</p>

<hr>
<nav>
<a href="https://www.facebook.com/BuckminsterFullerInstitute/" target="blank">Facebook</a>
|
<a href="https://twitter.com/buckyfuller?lang=en" target="blank">Twitter</a>
|
<a href="https://www.linkedin.com/company/buckminster-fuller-institute" target="blank">LinkedIn</a>
</nav>
</body>
</html>