Checkpoint

.circleci/config.yml

@@ -0,0 +1,19 @@
+version: 2
+jobs:
+  build:
+    working_directory: ~/web-workbook
+    docker:
+    - image: circleci/node:8.9.4
+    steps:
+    - checkout
+    - restore_cache:
+        keys:
+        - v2-dep-{{ .Branch }}-
+        - v2-dep-gh-pages-
+        - v2-dep-
+    - run: npm install
+    - save_cache:
+        key: v2-dep-{{ .Branch }}-{{ epoch }}
+        paths:
+        - ./node_modules
+    - run: npm run lint

.eslintrc.json

@@ -0,0 +1,9 @@
+{
+  "extends": "",
+  "rules": {
+    "indent": ["error", 2]
+  },
+  "env": {
+    "es6": true
+  }
+}

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,71 +1,29 @@
-# Checkpoint Rubric
-
-## Checkpoint 1: Company/Organization Website following Wireframe
-- [ ] A CSS file is effectively linked to the HTML file in the Head section: 10 points
-- [ ] A link to a CSS reset file is included in the Head section of the HTML file: 10 points 
-- [ ] The webpage links to another page (multi-page website): 10 points
-- [ ] The company/orgnanization name is lined up with the navigation menu at the top of the page: 10 points
-- [ ] The title is centered in front of a background image: 10 points
-- [ ] The body images are sized and formatted according to the wire frame: 10 points
-- [ ] The body text is sized, positioned, and formatted to match the fire frame: 10 points
-- [ ] Flexbox or floats are used to accurately replicate the layout of the wireframe: 10 points
-- [ ] The footer consists of a background image, centered text, and 2 buttons that function as links: 10 points
-- [ ] The student demonstrated mastery of HTML/CSS by building a website of professional caliber: 10 points
-
-Specific Comments:
-
-*Comments may also be made on the file itself using github's commenting tools.*
-
-
-
-
-
-
-## Checkpoint 2: Foundry Winery Website
-- [ ] Responsive navbar: 20 points
-- [ ] Responsive site (resizes to fit desktop, tablet, and mobile views): 30 points 
-- [ ] Matched layout of original site: 20 points
-- [ ] Matched font of original site: 10 points
-- [ ] Properly commented code: 10 points
-- [ ] Properly indented code: 10 points
-
-Specific Comments:
-
-*Comments may also be made on the file itself using github's commenting tools.*
-
-
-
-
-
-
-## Checkpoint 3: Learning Team Project
-- [ ] Mockup meets customer requirements: 25 points
-- [ ] Website meets customer requirements: 25 points
-- [ ] Learning team worked together effectively and contributed equally: 25 points
-- [ ] Class presentation was engaging and effective: 25 points
-
-Specific Comments:
-
-*Comments may also be made on the file itself using github's commenting tools.*
-
-
-
-
-
-
-
-## Checkpoint 4: Personal Portfolio Website
-- [ ] Responive: 20 points
-- [ ] Evidence of Effective Use of Design Principles: 20 points
-- [ ] Links to Resume: 20 points
-- [ ] Links to at least 3 Projects: 20 points
-- [ ] Effective Communicates Desired Message ("Hire me"): 20 points
-
-Specific Comments:
-
-*Comments may also be made on the file itself using github's commenting tools.*
-
-
-
-
-
+## Checkpoint Rubric
+This is the rubric that your instructor will use to grade your checkpoints. Please do not edit. 
+
+**Checkpoint 1**
+- [ ] A CSS file is effectively linked to the HTML file in the Head section: 15 points
+- [ ] A link to a CSS reset file is included in the Head section of the HTML file: 15 points 
+- [ ] Appropriate use of Semantic Elements: 15 points
+- [ ] Effective use of box model: 15 points
+- [ ] Proper use of documentation (commenting on code): 15 points
+- [ ] Linter passing: 10 points
+- [ ] The student demonstrated mastery of HTML/CSS by building a website of professional caliber: 15 points
+
+**Checkpoint 2**
+- [ ] Effective use of Flexbox layout: 15 points
+- [ ] Responsive site (resizes to fit desktop, tablet, and mobile views): 15 points 
+- [ ] Effective use of CSS Grid: 15 points
+- [ ] Proper use of documentation (commenting on code): 15 points
+- [ ] Site is hosted on github: 15 points
+- [ ] Linter passing: 10 points
+- [ ] The student demonstrated mastery of HTML/CSS and Responsive Web Design by building a website of professional caliber: 15 points
+
+**Checkpoint 3**
+- [ ] Use of HTML: 15 points
+- [ ] Use of CSS: 15 points
+- [ ] Use of JQuery: 15 points
+- [ ] Proper use of documentation (commenting on code): 15 points
+- [ ] Linter passing: 10 points
+- [ ] The application has a professional look: 15 points
+- [ ] The application functions as it should: 15 points

.stylelintignore

@@ -0,0 +1 @@
+node_modules

02week/bio/css/style.css

@@ -0,0 +1,38 @@
+*
+{
+    box-sizing: border-box;
+}
+body {
+    font-family: Arial;
+    padding: 20px;
+    background:pink;
+  }
+
+/* Header/Blog Title */
+.header {
+    padding: 30px;
+    font-size: 40px;
+    text-align: center;
+    background: white;
+}
+
+/* Footer */
+.footer {
+    padding: 20px;
+    text-align: center;
+    background: #ddd;
+    margin-top: 20px;
+}
+
+.column {
+    float: left;
+    width: 33%;
+    padding: 10px;
+    height: 300px;
+}
+
+.row:after {
+    content: "";
+    display: table;
+    clear: both;
+}

02week/bio/index.html

@@ -0,0 +1,38 @@
+<!Doctype html>
+<html>
+<head>
+        <link href="css\style.css" rel= "stylesheet" type= "text/css">
+</head>
+
+<Body>
+
+    <h1 class="header">Edgar</h1>
+
+
+    <div class="row">
+        <div class = "column">
+                <h3>About Me</h3>
+                <p>
+                    Hello, My name is Edgar Micheal Espadron. I was born in Naha, Japan on January 17, 1997. I am currently studying computer coding
+                    with austin coding academy. I played Basketball, Football, and did track and field in High School. We won Europeans for basketbal and I am
+                    a European champion for High Jump and Long Jump. I also hold the school record for longest standing long jump which was 11 feet and longest long jump
+                    in a meet which was 8.40 meters 
+                 </p>    
+        </div>
+
+        <div class = "column">
+                <h3>Education</h3>
+                <p>
+                   Kaiserslautern High School
+                   Temple College
+                   Dallas Coding Academy
+
+                 </p>    
+        </div>
+
+        <div class = "column">
+                <img src="Picture32.jpeg" class="headshot"/>
+        </div>
+    </div>
+</body>
+</html>