mikepqr · alv4n96 · Dec 13, 2021 · Dec 18, 2021 · Dec 18, 2021 · Dec 18, 2021
diff --git a/build.sh b/build.sh
@@ -0,0 +1,3 @@
+python resume.py --chrome-path="C:\Portables\chrome-win\chrome-win\chrome.exe"
+mv "C:\Portables\chrome-win\chrome-win\resume.pdf" .
+cp resume.html  docs/index.html
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,249 @@
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Moch Noor Alfan Octavian Anwar</title>
+<style>
+body {
+    color: #000000;
+    background: #EEEEEE;
+    font: 1.1em "Calibra";
+    line-height: 1.2;
+    margin: 40px 0;
+}
+
+#resume {
+    margin: 0 auto;
+    max-width: 800px;
+    padding: 40px 60px;
+    background: #FFFFFF;
+    border: 1px solid #CCCCCC;
+    box-shadow: 2px 2px 4px #AAAAAA;
+    -webkit-box-shadow: 2px 2px 4px #AAAAAA;
+}
+
+h1 {
+    text-transform: uppercase;
+    text-align: center;
+    font-size: 190%;
+    margin: 0;
+    padding: 0;
+}
+
+h2 {
+    border-bottom: 1px solid #000000;
+    text-transform: uppercase;
+    font-size: 130%;
+    margin: 1em 0 0 0;
+    padding: 0;
+}
+
+h3 {
+    font-size: 100%;
+    margin: 0.8em 0 0.3em 0;
+    padding: 0;
+    display: flex;
+    justify-content: space-between;
+}
+
+p {
+    margin: 0 0 0.5em 0;
+    padding: 0;
+}
+
+ul {
+    padding: 0;
+    margin: 0 1.5em;
+}
+
+
+/* ul immediately after h1 = contact list */
+
+h1+ul {
+    text-align: center;
+    margin: 0;
+    padding: 0;
+}
+
+h1+ul>li {
+    display: inline;
+    white-space: pre;
+    list-style-type: none;
+}
+
+h1+ul>li:after {
+    content: "  \2022  ";
+}
+
+h1+ul>li:last-child:after {
+    content: "";
+}
+
+
+/* p immediately after contact list = summary */
+
+h1+ul+p {
+    margin: 1em 0;
+    text-align: justify;
+}
+
+@media print {
+    body {
+        font-size: 10pt;
+        margin: 0;
+        padding: 0;
+        background: none;
+    }
+    #resume {
+        margin: 0;
+        padding: 0;
+        border: 0px;
+        background: none;
+        box-shadow: none;
+        -webkit-box-shadow: none;
+    }
+    /* Do not underline abbr tags in PDF */
+    abbr {
+        text-decoration: none;
+        font-variant: none;
+    }
+    /* Make links black in PDF */
+    /* Move this outside the print block to apply this in HTML too */
+    a,
+    a:link,
+    a:visited,
+    a:hover {
+        color: #000000;
+        text-decoration: underline;
+    }
+}
+
+@page {
+    /* Change margins and paper size of PDF */
+    /* https://developer.mozilla.org/en-US/docs/Web/CSS/@page */
+    size: letter;
+    margin: 0.5in 0.8in;
+}
+
+@media screen and (max-width: 800px) {
+    body {
+        font-size: 16pt;
+        margin: 0;
+        padding: 0;
+        background: #FFFFFF !important;
+    }
+    #resume {
+        margin: 0;
+        padding: 1em;
+        border: 0px;
+        background: none;
+        box-shadow: none;
+        -webkit-box-shadow: none;
+    }
+}
+</style>
+</head>
+<body>
+<div id="resume">
+<h1>Moch Noor Alfan Octavian Anwar</h1>
+<ul>
+<li><a href="https://wa.me/6285172129020">+62 851 7212 9020</a></li>
+<li><a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#109;&#111;&#99;&#104;&#110;&#111;&#111;&#114;&#97;&#108;&#102;&#97;&#110;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;">&#109;&#111;&#99;&#104;&#110;&#111;&#111;&#114;&#97;&#108;&#102;&#97;&#110;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;</a></li>
+<li><a href="https://github.com/alv4n96">Github</a></li>
+<li><a href="https://www.linkedin.com/in/moch-noor-alfan">LinkedIn</a></li>
+</ul>
+<p>I am Technology Enthusiasm, especially in software development, I develop websites, API, and UI using C# language with ASP.NET Core framework, manage databases using SQL Server and Azure Server. I have good communication skills, and the ability to work under pressure. I believe by proactively contributing and maintaining good communication with the team and stakeholders will make the organization move forward.</p>
+<h2>Skills</h2>
+<ul>
+<li>Languages: (<em>proficient</em>) C#, SQL, TypeScript (<em>familiar</em>) VB .NET, Dart, Go, Python</li>
+<li>Technologies: ASP.NET Core, Blazor, Postman, Git, SQL Server, Docker, Kubernetes, NestJS</li>
+<li>Others: Vercel, Git, Supabase, Azure</li>
+</ul>
+<h2>Education</h2>
+<h3><span>Universitas Negeri Malang, Indonesia</span> <span>2015 - 2019</span></h3>
+<ul>
+<li>Bachelor of Arts - BA, Informatics Education (GPA : 3.44)</li>
+</ul>
+<h2>Experiences</h2>
+<h3><span>.NET Developer Trainee, PT Code Development Indonesia </span> <span>Mei 2023 - Currently</span></h3>
+<ul>
+<li>Create Project BimaSakti, developing end-to-end solutions using C# (ASP.NET Core.)</li>
+<li>Designed and implemented user interfaces with Blazor.</li>
+<li>Managed and maintained applications using Docker and Kubernetes.</li>
+<li>Collaborated with cross-functional teams to define, design, and ship new features.</li>
+<li>Communicated effectively with stakeholders to gather requirements and provide updates.</li>
+<li>Diagnosed and resolved bugs and performance bottlenecks.</li>
+<li>Conducted thorough testing and code reviews to ensure quality and reliability.</li>
+<li>Stayed updated with industry trends and technologies to implement best practices.</li>
+<li>Participated in code refactoring and improvement initiatives to enhance application performance.</li>
+</ul>
+<h3><span>.NET Developer Trainee, PT Code Development Indonesia <span>Nov 2022 - Apr 2023</span></h3>
+<ul>
+<li>The Boot Camp to become a .NET Developer :</li>
+<li>Identifying for build on a mini hotel manufacturing project in collaboration with other participants</li>
+<li>Create and manage the running of the database by business processes</li>
+<li>Developing API-based applications using .NET Core</li>
+<li>Develop user interfaces using Framework technology and according to existing needs</li>
+<li>Collaborate with fellow participants using Github</li>
+</ul>
+<h3><span>Technical Support Engineer, PT Hash Rekayasa Teknologi</span> <span>Dec 2020 - Jan 2022</span></h3>
+<ul>
+<li>Analyze technical issues and track bugs on the website</li>
+<li>Providing the technical solution and support to our customers</li>
+<li>Conducting analysis related to network problems experienced</li>
+<li>Resolve cases on the website as quickly and accurately as possible</li>
+<li>Help to maintance system availability and reliability</li>
+</ul>
+<h3><span>Graphic Design, Dinas KOMINFO Kota Batu <br>Internship</br></span> <span>May - August 2018</span></h3>
+<ul>
+<li>Contribute to administrative operations through data input and integration</li>
+<li>Processing monthly budget reports data</li>
+<li>Create a design for a celebration day</li>
+</ul>
+<h2>Projects</h2>
+<h3><span>Mini Project Hotel</span> <span>2023</span></h3>
+<p>Hotel Realta is a small collaboration project that is separated down into several module parts. My working area on the Hotels module, the module that is responsible for Hotel bussiness logic process to run properly and must be able to integrate well with another modules.</p>
+<p>Stacks : C#, SQL Server, Blazor WASM, Postman</p>
+<ul>
+<li><a href="https://github.com/piharpi/db_hotel_realta/tree/hotel">Database Repository</a></li>
+<li><a href="https://github.com/alv4n96/RealtaHotelWebApi">BackEnd Repository</a></li>
+<li><a href="https://github.com/alv4n96/hotel-realta-frontend">FrontEnd Repository</a></li>
+</ul>
+<h3><span>Sejarah Perang Dunia II (Mobile Apps)</span> <span>2022</span></h3>
+<p>Sejarah Perang Dunia II is a learning media in the form of a Mobile Application, which can be used anywhere with
+interesting reading and good videos to study the history of World War 2 via Smartphone</p>
+<p>Stacks : Dart, Flutter.</p>
+<ul>
+<li><a href="https://github.com/alv4n96/SkripsiInot">Github Repository</a></li>
+</ul>
+<h3><span>Pembelajaran Multimedia Interaktif (Game Web) </span> <span>2019</span></h3>
+<p>Pembelajaran Multimedia Interaktif, is a project that provides interactive lessons that contain learning explanations, and fun
+assignments and has several kinds of games in each material, for the assessment of the assignment.</p>
+<p>Stacks : Construct 2</p>
+<ul>
+<li><a href="https://github.com/alv4n96/MediaMatovani">Github Repository</a></li>
+</ul>
+<h2>Certificates</h2>
+<h5><span>Dicoding Indonesia</span></h5>
+<ul>
+<li>Memulai Pemrograman Dengan Python. | Jul 2022.</li>
+<li>Belajar Dasar Visualisasi Data. | Jul 2022.</li>
+<li>Belajar Dasar Pemrograman Web. | May 2020.</li>
+</ul>
+<h5><span>DQLab</span></h5>
+<ul>
+<li>Data Manipulation with Pandas. | Jun 2022.</li>
+<li>Exploratory Data Analysis with Python for Beginner. | Apr 2022.</li>
+<li>Python for Data Professional Beginner. | Jan 2022.</li>
+<li>Fundamental SQL Using FUNCTION and GROUP BY. | Jan 2022.</li>
+<li>Fundamental SQL Using INNER JOIN and UNION. | Jan 2022.</li>
+<li>Fundamental SQL Using SELECT Statement. | Jan 2022.</li>
+<li>Data Wrangling Python. | Dec 2021.</li>
+<li>Python Fundamental for Data Science. | Dec 2021.</li>
+<li>Introduction to Data Science with Python. | Dec 2021.</li>
+</ul>
+<h5><span>Skill Academy by Ruangguru</h5>
+<p></span>
+- Customer Service: Menguasai Teknik Pelayanan Terbaik. | Dec 2020.</p>
+<h5><span>For copies of certificates can be found <a href="https://drive.google.com/drive/folders/18LhMDrXeaYJGbx_tRghxNbU8BbeE-_OX">here</a>.</span></h5></div>
+</body>
+</html>
diff --git a/resume.css b/resume.css
@@ -1,10 +1,11 @@
 body {
     color: #000000;
     background: #EEEEEE;
-    font: 1.1em "Times New Roman";
+    font: 1.1em "Calibra";
     line-height: 1.2;
     margin: 40px 0;
 }
+
 #resume {
     margin: 0 auto;
     max-width: 800px;
@@ -14,56 +15,72 @@ body {
     box-shadow: 2px 2px 4px #AAAAAA;
     -webkit-box-shadow: 2px 2px 4px #AAAAAA;
 }
+
 h1 {
     text-transform: uppercase;
     text-align: center;
-    font-size: 200%;
+    font-size: 190%;
     margin: 0;
     padding: 0;
 }
+
 h2 {
     border-bottom: 1px solid #000000;
     text-transform: uppercase;
     font-size: 130%;
     margin: 1em 0 0 0;
     padding: 0;
 }
+
 h3 {
     font-size: 100%;
     margin: 0.8em 0 0.3em 0;
     padding: 0;
     display: flex;
     justify-content: space-between;
 }
+
 p {
     margin: 0 0 0.5em 0;
     padding: 0;
-    }
+}
+
 ul {
     padding: 0;
     margin: 0 1.5em;
-    }
+}
+
+
 /* ul immediately after h1 = contact list */
-h1 + ul {
+
+h1+ul {
     text-align: center;
     margin: 0;
     padding: 0;
-    }
-h1 + ul > li {
+}
+
+h1+ul>li {
     display: inline;
     white-space: pre;
     list-style-type: none;
 }
-h1 + ul > li:after {
+
+h1+ul>li:after {
     content: "  \2022  ";
 }
-h1 + ul > li:last-child:after {
+
+h1+ul>li:last-child:after {
     content: "";
 }
+
+
 /* p immediately after contact list = summary */
-h1 + ul + p {
+
+h1+ul+p {
     margin: 1em 0;
+    text-align: justify;
 }
+
 @media print {
     body {
         font-size: 10pt;
@@ -86,17 +103,22 @@ h1 + ul + p {
     }
     /* Make links black in PDF */
     /* Move this outside the print block to apply this in HTML too */
-    a, a:link, a:visited, a:hover {
+    a,
+    a:link,
+    a:visited,
+    a:hover {
         color: #000000;
         text-decoration: underline;
     }
 }
+
 @page {
     /* Change margins and paper size of PDF */
     /* https://developer.mozilla.org/en-US/docs/Web/CSS/@page */
     size: letter;
     margin: 0.5in 0.8in;
 }
+
 @media screen and (max-width: 800px) {
     body {
         font-size: 16pt;
@@ -112,4 +134,4 @@ h1 + ul + p {
         box-shadow: none;
         -webkit-box-shadow: none;
     }
-}
+}