Почетна Преглед Помоћ
Регистрација Пријавите се
lee
/
leemorgan-dev
1
0
Креирај огранак 0
Датотеке Дискусије 0 Захтеви за спајање 0 Вики
Преглед изворни кода

Add resume route along with the style.

Lee Morgan пре 4 година
родитељ
db4994984c
комит
5781e7aec4
4 измењених фајлова са 463 додато и 1 уклоњено
Подељен поглед Покажи статистику Diff
  1. 4 0
      routes.js
  2. 1 1
      views/main/index.html
  3. 142 0
      views/resume/resume.css
  4. 316 0
      views/resume/resume.html

+ 4 - 0
routes.js
Прегледај датотеку 

@@ -11,6 +11,10 @@ module.exports = function(app){
 
     app.get("/", visit, (req, res)=>{res.sendFile(`${views}/main/index.html`)});
 
     app.get("/style", (req, res)=>{res.sendFile(`${views}/main/index.css`)});
 
 
+    //RESUME
 
+    app.get("/resume", visit, (req, res)=>{res.sendFile(`${views}/resume/resume.html`)});
 
+    app.get("/resume/style", (req, res)=>{res.sendFile(`${views}/resume/resume.css`)});
 
+
 
     //BLOG
 
     app.get("/blog/style", (req, res)=>{res.sendFile(`${views}/blog/index.css`)});
 
     app.get("/blog/new", visit, (req, res)=>{res.sendFile(`${views}/blog/new.html`)});

+ 1 - 1
views/main/index.html
Прегледај датотеку 

@@ -107,7 +107,7 @@
 
             </div>
 
 
             <div id="about" style="display:none;">
 
-                <h1>Ya, Ya, I'm working on it...</h1>
 
+                <a href="/resume">Resume</a>
 
             </div>
 
 
             <div id="blog" style="display:none;">

+ 142 - 0
views/resume/resume.css
Прегледај датотеку 

@@ -0,0 +1,142 @@
 
+*{margin:0;padding:0;}
 
+
 
+body{
 
+    display: flex;
 
+    justify-content: center;
 
+    width: 100%;
 
+    margin: 35px 0;
 
+}
 
+
 
+.everything{
 
+    display: flex;
 
+    flex-direction: column;
 
+    align-items: center;
 
+    max-width: 1000px;
 
+}
 
+
 
+header{
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: center;
 
+    align-items: center;
 
+    width: 100%;
 
+    height: 200px;
 
+    background: #152730;
 
+    color: #5FECE0;
 
+}
 
+
 
+.content{
 
+    display: flex;
 
+    width: 100%;
 
+    background: rgb(196, 198, 192);
 
+}
 
+
 
+.leftContent{
 
+    height: 100%;
 
+    width: 70%;
 
+}
 
+
 
+.leftItem{
 
+    padding: 35px;
 
+    padding-left: 50px;
 
+}
 
+
 
+.leftItem > h2{
 
+    margin-bottom: 25px;
 
+}
 
+
 
+.experience{
 
+    padding: 25px;
 
+}
 
+
 
+.jobReqs{
 
+    padding-left: 35px;
 
+}
 
+
 
+.rightContent{
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: flex-start;
 
+    height: 100%;
 
+    width: 30%;
 
+    border-left: 1px solid black;
 
+}
 
+
 
+.rightBox{
 
+    display: flex;
 
+    flex-direction: column;
 
+    width: 100%;
 
+    box-sizing: border-box;
 
+    padding: 35px;
 
+}
 
+
 
+.rightBox ul{
 
+    list-style-type: none;
 
+}
 
+
 
+.rightBox li{
 
+    margin: 10px 0 10px 10px;
 
+}
 
+
 
+.link{
 
+    display: flex;
 
+    align-items: center;
 
+    margin-bottom: 25px;
 
+}
 
+
 
+.link a {
 
+    font-size: 16px;
 
+    margin-left: 5px;
 
+}
 
+
 
+.bottomBorder{
 
+    border-bottom: 1px solid black;
 
+    width: 95%;
 
+    margin: 0 auto;
 
+}
 
+
 
+.educ{
 
+    margin-top: 25px;
 
+    margin-left: 10px;
 
+}
 
+
 
+@media screen and (max-width: 1000px){
 
+    body{
 
+        margin: 0;
 
+    }
 
+
 
+    .everything{
 
+        width: 100%;
 
+    }
 
+
 
+    header h1{
 
+        text-align: center;
 
+    }
 
+
 
+    .content{
 
+        flex-direction: column;
 
+        align-items: center;
 
+    }
 
+
 
+    .leftContent, .rightContent{
 
+        width: 100%;
 
+    }
 
+
 
+    .leftItem{
 
+        padding: 20px;
 
+        text-align: justify;
 
+    }
 
+
 
+    .experience{
 
+        padding: 0 0 25px 0;
 
+    }
 
+
 
+    .rightContent{
 
+        border-left: none;
 
+        border-top: 1px solid black;
 
+    }
 
+
 
+    .bottomBorder{
 
+        width: 100%;
 
+    }
 
+}

+ 316 - 0
views/resume/resume.html
Прегледај датотеку 

@@ -0,0 +1,316 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+    <head>
 
+        <meta charset="utf-8">
 
+        <meta content="width=device-width, initial-scale=1" name="viewport">
 
+        <title>Lee Morgan</title>
 
+        <link rel="stylesheet" href="/resume/style">
 
+        <style>
 
+            *{margin:0;padding:0;}
 
+
 
+body{
 
+    display: flex;
 
+    justify-content: center;
 
+    width: 100%;
 
+    margin: 35px 0;
 
+}
 
+
 
+.everything{
 
+    display: flex;
 
+    flex-direction: column;
 
+    align-items: center;
 
+    max-width: 1000px;
 
+}
 
+
 
+header{
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: center;
 
+    align-items: center;
 
+    width: 100%;
 
+    height: 200px;
 
+    background: #152730;
 
+    color: #5FECE0;
 
+}
 
+
 
+.content{
 
+    display: flex;
 
+    width: 100%;
 
+    background: rgb(196, 198, 192);
 
+}
 
+
 
+.leftContent{
 
+    height: 100%;
 
+    width: 70%;
 
+}
 
+
 
+.leftItem{
 
+    padding: 35px;
 
+    padding-left: 50px;
 
+}
 
+
 
+.leftItem > h2{
 
+    margin-bottom: 25px;
 
+}
 
+
 
+.experience{
 
+    padding: 25px;
 
+}
 
+
 
+.jobReqs{
 
+    padding-left: 35px;
 
+}
 
+
 
+.rightContent{
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: flex-start;
 
+    height: 100%;
 
+    width: 30%;
 
+    border-left: 1px solid black;
 
+}
 
+
 
+.rightBox{
 
+    display: flex;
 
+    flex-direction: column;
 
+    width: 100%;
 
+    box-sizing: border-box;
 
+    padding: 35px;
 
+}
 
+
 
+.rightBox ul{
 
+    list-style-type: none;
 
+}
 
+
 
+.rightBox li{
 
+    margin: 10px 0 10px 10px;
 
+}
 
+
 
+.link{
 
+    display: flex;
 
+    align-items: center;
 
+    margin-bottom: 25px;
 
+}
 
+
 
+.link a {
 
+    font-size: 16px;
 
+    margin-left: 5px;
 
+}
 
+
 
+.bottomBorder{
 
+    border-bottom: 1px solid black;
 
+    width: 95%;
 
+    margin: 0 auto;
 
+}
 
+
 
+.educ{
 
+    margin-top: 25px;
 
+    margin-left: 10px;
 
+}
 
+
 
+@media screen and (max-width: 1000px){
 
+    body{
 
+        margin: 0;
 
+    }
 
+
 
+    .everything{
 
+        width: 100%;
 
+    }
 
+
 
+    header h1{
 
+        text-align: center;
 
+    }
 
+
 
+    .content{
 
+        flex-direction: column;
 
+        align-items: center;
 
+    }
 
+
 
+    .leftContent, .rightContent{
 
+        width: 100%;
 
+    }
 
+
 
+    .leftItem{
 
+        padding: 20px;
 
+        text-align: justify;
 
+    }
 
+
 
+    .experience{
 
+        padding: 0 0 25px 0;
 
+    }
 
+
 
+    .rightContent{
 
+        border-left: none;
 
+        border-top: 1px solid black;
 
+    }
 
+
 
+    .bottomBorder{
 
+        width: 100%;
 
+    }
 
+}
 
+        </style>
 
+    </head>
 
+    <body>
 
+        <div class="everything">
 
+            <header>
 
+                <h1>Full-Stack Web Developer</h1>
 
+                <h2>Lee Morgan</h2>
 
+            </header>
 
+            <div class="content">
 
+                <div class="leftContent">
 
+                    <div class="leftItem">
 
+                        <h2>Professional Summary</h2>
 
+
 
+                        <p>Professional web developer skilled in creating websites from the ground up. Able to quickly learn any language/framework to satisfy demands of clients. Experience in all parts of web development, including, but not limited to: design, frontend development, backend development, database design and Linux server management. Special proficiency with JavaScript, including the creation of ultra fast frontend single-page applications without bloated frameworks.</p>
 
+                    </div>
 
+
 
+                    <div class="bottomBorder"></div>
 
+
 
+                    <div class="leftItem">
 
+                        <h2>Work Experience</h2>
 
+
 
+                        <div class="experience">
 
+                            <h3 class="xTitle">English Teacher</h3> 
+                            <h4 class="xCompany">Vishenki English School</h4>
 
+                            <h5 class="xDate">August 2018 - November 2018, December 2019 - February 2020</h5>
 
+                            <ul class="jobReqs">
 
+                                <li>Organized lesson plans for English classes in accordance with requirements</li>
 
+                                <li>Held lessons for English learners from the ages of 4 to 18</li>
 
+                                <li>Organized thematic speaking lessons for different age groups</li>
 
+                                <li>Created lesson plans for individual tutoring of English when required</li>
 
+                            </ul>
 
+                        </div>
 
+
 
+                        <div class="experience">
 
+                            <h3 class="xTitle">English Teacher</h3>
 
+                            <h4 class="xCompany">Yugra State University</h4>
 
+                            <h5 class="xDate">January 2019 - May 2019</h5>
 
+                            <ul class="jobReqs">
 
+                                <li>Organized lesson plans for English classes in accordance with requirements</li>
 
+                                <li>Held English lessons for university aged students and adults</li>
 
+                                <li>Gave individual tutoring to students with greater English needs</li>
 
+                                <li>Organized thematic speaking clubs for students on a weekly basis</li>
 
+                            </ul>
 
+                        </div>
 
+
 
+                        <div class="experience">
 
+                            <h3 class="xTitle">Full-Stack Developer</h3>
 
+                            <h4 class="xCompany">The Subline</h4>
 
+                            <h5 class="xDate">August 2019 - Present</h5>
 
+                            <ul class="jobReqs">
 
+                                <li>Responsible for developing a single-page app for the fronted using JavaScript</li>
 
+                                <li>Created the web server and all logic for serving data to clients in JavaScript/Node.js</li>
 
+                                <li>Integrated the application with sever web API's for increased app functionality</li>
 
+                                <li>Responsible for setting up, maintaining and creating queries to the MongoDB server</li>
 
+                                <li>Set up and maintained the live web server on a Linux Ubuntu server</li>
 
+                                <li>Technologies used: JavaScript, HTML, CSS, Linux, MongoDB, web API's</li>
 
+                                <li>Responsible for design of the frontend of the app</li>
 
+                            </ul>
 
+                        </div>
 
+
 
+                        <div class="experience">
 
+                            <h3 class="xTitle">Backend Developer</h3>
 
+                            <h4 class="xCompany">Blacklist.aero</h4>
 
+                            <h5 class="xDate">July 9, 2021 - Present</h5>
 
+                            <ul class="jobReqs">
 
+                                <li>Responsible for the management of the entire codebase</li>
 
+                                <li>Responsible for ensuring that requirements are delivered in a timely manner</li>
 
+                                <li>Responsible for testing and maintaining the reliability of the codebase</li>
 
+                                <li>Created and maintained the entire backend of the website</li>
 
+                                <li>Set up and maintained the Linux servers that host the website</li>
 
+                                <li>Set up and maintained and created queries for the MongoDB server</li>
 
+                                <li>Technologies used: JavaScript, HTML, CSS, Linux, MongoDB, web API's</li>
 
+                            </ul>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                
+                <div class="rightContent">
 
+                    <div class="rightBox">
 
+                        <div class="link">
 
+                            <svg width="20" height="20" viewBox="0 0 1000 1000">
 
+                                <g>
 
+                                    <path d="M500,10c-0.1,0-0.3,0-0.4,0c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4,0-0.6,0C228.7,10.6,10,229.8,10,500c0,270.2,218.7,489.3,488.8,490c0.2,0,0.4,0,0.6,0c0.1,0,0.1,0,0.2,0c0.2,0,0.3,0,0.4,0c270.6,0,490-219.4,490-490C990,229.4,770.6,10,500,10z M519.6,303.2c51.9-1.4,102.5-8.3,151.2-20.1c14.7,57.8,23.8,124.3,25.2,197.3H519.6V303.2z M519.6,264V52.3c52.8,14.6,106.4,85.1,140.5,193.1C614.8,256.3,567.9,262.7,519.6,264z M480.4,51.8V264c-48.7-1.4-96-7.8-141.6-19C373.2,136.4,427.2,65.7,480.4,51.8z M480.4,303.2v177.2H302.8c1.4-73.1,10.6-139.7,25.2-197.5C377.1,294.9,428,301.8,480.4,303.2z M263.3,480.4H49.7c4.3-100.8,41.9-193.1,102-266.2c43.6,24,89.9,43.7,138.4,58.4C274.3,335.1,264.8,405.6,263.3,480.4z M263.3,519.6c1.4,74.8,10.9,145.2,26.8,207.8c-48.5,14.7-94.8,34.4-138.4,58.5C91.6,712.7,54,620.4,49.7,519.6H263.3L263.3,519.6z M302.8,519.6h177.6v177C428,698,377.1,705,328,717C313.3,659.2,304.2,592.6,302.8,519.6z M480.4,735.7v212.4c-53.2-13.9-107.3-84.7-141.7-193.5C384.4,743.6,431.7,737.1,480.4,735.7z M519.6,947.7v-212c48.3,1.4,95.2,7.8,140.5,18.7C626,862.5,572.5,933.1,519.6,947.7z M519.6,696.6v-177H696c-1.4,72.9-10.5,139.4-25.2,197.1C622.1,704.8,571.6,698,519.6,696.6z M735.4,519.6h214.9c-4.3,100.8-41.8,193.1-101.9,266.2c-44-24.2-90.7-44-139.6-58.8C724.5,664.5,734,594.2,735.4,519.6z M735.4,480.4c-1.4-74.7-10.9-145.1-26.7-207.6c48.9-14.8,95.6-34.6,139.5-58.8c60.2,73.1,97.7,165.5,102.1,266.3L735.4,480.4L735.4,480.4z M821.2,184.1c-39,20.7-80.2,37.9-123.1,50.9C675.2,161.3,643,101.1,605,61.6C688.4,81.7,762.9,124.8,821.2,184.1z M393.5,62c-37.8,39.4-69.9,99.3-92.7,172.7c-42.6-13-83.4-30-122-50.6C236.7,125.2,310.6,82.2,393.5,62z M178.6,815.7c38.7-20.6,79.5-37.6,122.1-50.6c22.8,73.4,54.9,133.4,92.7,172.9C310.6,917.8,236.6,874.7,178.6,815.7z M604.9,938.3c38.1-39.5,70.3-99.7,93.2-173.6c43,13.1,84.2,30.2,123.2,51C763,875.1,688.5,918.3,604.9,938.3z"/>
 
+                                </g>
 
+                            </svg>
 
+                            <a href="https://leemorgan.io">leemorgan.io</a>
 
+                        </div>
 
+
 
+                        <div class="link">
 
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 
+                                <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
 
+                                <polyline points="22,6 12,13 2,6"></polyline>
 
+                            </svg>
 
+                            <a href="mailto:me@leemorgan.io">me@leemorgan.io</a>
 
+                        </div>
 
+
 
+                        <div class="link">
 
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 
+                                <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
 
+                                <rect x="2" y="9" width="4" height="12"></rect>
 
+                                <circle cx="4" cy="4" r="2"></circle>
 
+                            </svg>
 
+                            <a href="https://linkedin.com/in/leemorganio">linkedin.com/in/leemorganio</a>
 
+                        </div>
 
+
 
+                        <div class="link">
 
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 
+                                <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
 
+                            </svg>
 
+                            <a href="https://github.com/MorganLee909">github.com/MorganLee909</a>
 
+                        </div>
 
+                    </div>
 
+
 
+                    <div class="bottomBorder"></div>
 
+
 
+                    <div class="rightBox">
 
+                        <h3>Skills</h3>
 
+
 
+                        <ul>
 
+                            <li>HTML/CSS</li>
 
+                            <li>JavaScript/Node.js</li>
 
+                            <li>MongoDB</li>
 
+                            <li>JSON</li>
 
+                            <li>Linux</li>
 
+                            <li>Server administration</li>
 
+                        </ul>
 
+                    </div>
 
+
 
+                    <div class="bottomBorder"></div>
 
+                    
+                    <div class="rightBox">
 
+                        <h3>Education</h3>
 
+
 
+                        <div class="educ">
 
+                            <h4>Dexter Regional High School</h4>
 
+
 
+                            <h6>August 2004 - May 2008</h6>
 
+
 
+                            <h5>High School Diploma</h5>
 
+                        </div>
 
+
 
+                        <div class="educ">
 
+                            <h4>Coding Dojo Seattle</h4>
 
+
 
+                            <h6>June 2019 - August 2019</h6>
 
+                        </div>
 
+
 
+                        <div class="educ">
 
+                            <h4>Coastal Carolina University</h4>
 
+
 
+                            <h6>August 2014 - December 2015</h6>
 
+
 
+                            <h5>Computer Science (uncompleted)</h5>
 
+                        </div>
 
+
 
+                        <div class="educ">
 
+                            <h4>TEFL Certification</h4>
 
+                            
+                            <h6>October 2018</h6>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </body>
 
+</html>