Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
30 changes: 28 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -91,10 +91,36 @@ Sample Readme (delete the above when you're ready to submit, and modify the text
Charlie Roberts
http://a1-charlieroberts.glitch.me


Andrei Ignatiev:
https://glitch.com/~a1-alignatiev




This project shows ...

## Technical Achievements
- **Styled page with CSS**: Added rules for the p, li, and a selectors...
- **Styled page with CSS**:
Added rules for the p, li, table, and body selectors.

Assigned colors, in accordance with the color palette that was created, to
each component. Adjusted the font size slightly for the list and paragraph
text. Elected to employ a double-border for the header. Mixed around serif and sans-serif fonts where it was deemed appropriate.

- **New HTML Tags**:

Experimented with new html tags. Expanded upon the list element that was already present in the project. Added a second list as well. Decided to put
my software working experience into a table, added some internal and in-line style sheets to it. Also integrated a jpeg image.



### Design Achievements
- **Used the Roboto Font from Google Fonts**: I used Roboto as the font for the primary copy text in my site.

- **Color Pallette**:

I created an analagous color pallette. I settled upon one set of colors, but then fiddled with the knob before I could manage a screenshot so all five colors that appear in the image may not match exactly with the hex-codes in the style sheets. It is a red-orange to pink to lavender to indigo to blue pallette. I use blue for the back-ground color, the red-orange for headers and list text, the lavender for plain text, the pink for a filler color inside of the table, and the indigo for in-table text.

Link to color pallette:
https://docs.google.com/document/d/19JIt88SJX0k7J5u2RrLZnEEzPrYUQZ3B0pqRvbJOIYc/edit?usp=sharing

82 changes: 74 additions & 8 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,26 +3,92 @@
<head>
<title>CS4241 Assignment 1</title>
<meta charset="utf-8">
<style>
body {background-color : #0d2efb ; }
p {color: #cf00fa; font-size: 110%; font-family: 'Cairo', sans-serif}
h1,h2 {color: #ff2b08; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; border-style: double;}
ul {color: #ff2b08; font-size: 120%; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
table {font-family: Georgia, 'Times New Roman', Times, serif}
td {color : #440be3;}
</style>
</head>

<body>
<h1>Information about [Your name here]</h1>
<h1>Information about Andrei Ignatiev</h1>

<p>
[Self introduction]
I am a junior. My email is: [email protected]
My interest include playing soccer and hockey, reading, and doing various
things outside.
</p>

<table border="2">
<tr>
<td>
<img src="/mahobay.jpg">
</td>
</tr>
</table>

<p>
[Major and other information]
Mathematical Sciences major, Computer Science minor
</p>

<p>
[Other things]
Computer Science courses taken: Operating Systems, Computer Networks, Introduction to Programming, Object-Oriented Programming,
Machine Organization and Assembly Language
</p>

<h2>Experience</h2>
<p>
Working experience
</p>

<table border="4" cellspacing="2" width="500" bgcolor="#550be3">
<tr bgcolor="#e30b63">
<th align = "center" color="#0d2efb">
Working experience
</th>
</tr>
<tr bgcolor = "#e30b63">
<td color = "#d001fb">
HTML - none
</td>
</tr>
<tr bgcolor = "#e30b63">
<td color = "#d001fb">
CSS - none
</td>
</tr>
<tr bgcolor = "#e30b63">
<td color = "#d001fb">
Java - a lot
</td>
</tr>
<tr bgcolor = "#e30b63">
<td color = "#d001fb">
JavaScript - none
</td>
</tr>
<tr bgcolor = "#e30b63">
<td color = "#d001fb">
Ruby - none
</td>
</tr>

<tr bgcolor = "#e30b63">
<td color = "#d001fb">
Python - a lot
</td>
</tr>
<tr bgcolor = "#e30b63">
<td color = "#d001fb">
unit testing - quite a bit
</td>
</tr>
</table>

<ul>
<li>IBM/Rational</li>
<lh><b>Educational Establishments:</b></lh>
<li>WPI</li>
<li>Hudson High School, Hudson MA</li>
</ul>
</body>
</html>
Binary file added mahobay.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"name": "cr-4241-simple-glitch",
"version": "0.1.0",
"description": "WPI CS 4241 first assignment",
"author": "Charlie Roberts",
"author": "Charlie Roberts feat. Andrei Ignatiev",
"scripts": {
"start": "node server.js"
}
Expand Down
3 changes: 3 additions & 0 deletions server.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,9 @@ const server = http.createServer( function( request,response ) {
case '/index.html':
sendFile( response, 'index.html' )
break
case '/mahobay.jpg':
sendFile(response, 'mahobay.jpg')
break
default:
response.end( '404 Error: File Not Found' )
}
Expand Down