From 3d28918d13ca35217a290720b29ebd59dd29085f Mon Sep 17 00:00:00 2001 From: joe1110 Date: Tue, 14 Apr 2020 16:08:35 -0700 Subject: [PATCH 1/2] modified index.html and style/index.html --- index.html | 67 +++++++++++++++++++++++++- projects.html | 2 +- style/index.css | 123 +++++++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 188 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index d01f779ff..0b98e77af 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,72 @@ - Document + + Jose Dolar - +
+
+

Jose Dolar

+ +
+ +
+
+ +
+
+

Jose Dolar

+ My Projects +

Here are some words about me and my journey in coding. Once opon a time...

+
+
+
+
+ +

Project 1

+
+
+ +

Project 2

+
+
+ +

Project 3

+
+
+ +

Project 4

+
+
+
+
+ +

Project 5

+
+
+ +

Project 6

+
+
+ +

Project 7

+
+
+ +

Project 8

+ +
+
+ +
\ No newline at end of file diff --git a/projects.html b/projects.html index 266e620b0..1aaa45f4b 100644 --- a/projects.html +++ b/projects.html @@ -6,6 +6,6 @@ Document -

PROJECTS

+

PROJECTS

\ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..4fcbeea24 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,122 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Reset CSS styling here */ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { +margin: 0; +padding: 0; +border: 0; +font-size: 100%; +font: inherit; +vertical-align: baseline; +} + +.main_container{ + border-color: grey; + border-width: 1px; + border-style: solid; + padding:15px; +} +.header_and_nav{ + padding-top: 25px; + padding-bottom: 25px; + background-color:#CCCCCC; +} + +.header_and_nav > h1{ + font-size:40px; + color:red; + padding-left: 10px; +} +.nav{ + margin-top:15px; + text-align: left; + padding-left: 10px; +} +.nav > a{ + border-width: 1px; + border-style: solid; + border-color: green; + padding:10px; + text-decoration: none; + } +a:hover{ + background-color: yellow; + color: red; +} + +.name_and_picture_container{ + margin-top: 10px; + display:flex; + justify-content: space-between; +} +.picture{ + width:46.70%; + height:300px; +} +.picture > img{ + width:100%; + height:100%; +} +.name{ + padding-top: 50px; + padding-left: 50px; + border:5px; + width:46.70%; + /* background-color:#CCCCCC;*/ + box-sizing: border-box; +} +.name > h1, .footer > h1{ + font-size: 24px; + margin-bottom: 5px; +} +.name > a, .footer >a { + border-width: 1px; + border-style: solid; + border-color: green; + padding:3px; + margin-top:10px; + margin-bottom:10px; + text-decoration: none; +} + +.name >p{ + margin-top:10px; +} +.project_row1, .project_row2{ + display:flex; + justify-content: space-between; + margin-top: 60px; + margin-bottom: 60px; + +} +.project{ + width:20%; + height:200px; + text-align: center; +} +.project > img{ + width:100%; + height:100%; +} +.project > img:hover{ + width:110%; + height:110%; +} +.footer{ + margin-top: 20px; + text-align: center; + padding:10px; + background-color:#CCCCCC; +} + + From a11e417b42cbcda31acc12eac96502d3aa90f2b3 Mon Sep 17 00:00:00 2001 From: joe1110 Date: Tue, 14 Apr 2020 19:12:04 -0700 Subject: [PATCH 2/2] Added my journey to codding. --- .vscode/launch.json | 15 +++++++++++++++ index.html | 8 +++++++- style/index.css | 5 +++++ 3 files changed, 27 insertions(+), 1 deletion(-) create mode 100644 .vscode/launch.json diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 000000000..2ba986f6f --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/index.html b/index.html index 0b98e77af..aea9a776a 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,13 @@

Jose Dolar

Jose Dolar

My Projects -

Here are some words about me and my journey in coding. Once opon a time...

+

+ I learned computer programming when I was in college. I studied Electrical Engineering and I took the BASIC programming language as an elective course. I excel in this class that I was hired to work in the university computer laboratory as assistant. My job was to help fellow student writing and debugging their programming projects. +

+

+ As a result of my hands-on working experience with computers I got jobs like computer operator, computer programmer and software developer. +

+
diff --git a/style/index.css b/style/index.css index 4fcbeea24..bbff825bd 100644 --- a/style/index.css +++ b/style/index.css @@ -62,6 +62,7 @@ a:hover{ .picture{ width:46.70%; height:300px; + margin-top:15px; } .picture > img{ width:100%; @@ -71,6 +72,7 @@ a:hover{ padding-top: 50px; padding-left: 50px; border:5px; + /*width:40px;*/ width:46.70%; /* background-color:#CCCCCC;*/ box-sizing: border-box; @@ -79,6 +81,9 @@ a:hover{ font-size: 24px; margin-bottom: 5px; } +.name >p{ + text-align: justify; +} .name > a, .footer >a { border-width: 1px; border-style: solid;