rodude123/my-portfolio
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added the ability to see the timeline data in the editor and added in a basic form.

Browse Source 
Signed-off-by: rodude123 <rodude123@gmail.com>
This commit is contained in:
Rohit Pai
2022-10-09 16:02:07 +01:00
parent 992b4d95ed
commit a5c7d16991
14 changed files with 298 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/editor/editor.html
+52
View File
@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>Editor</title>
<link rel="stylesheet" href="css/main.css">
<script src="https://kit.fontawesome.com/ed3c25598e.js" crossorigin="anonymous"></script>
</head>
<body>
<nav class="sideNav">
@@ -17,8 +18,59 @@
<main class="editor" style="margin-left: 250px;">
<div class="title">
<span id="navOpen">&#9776;</span>
<h1>Editor</h1>
</div>
<section id="curriculumVitae">
<h2>curriculum vitae</h2>
<div class="cvGrid">
<!-- https://codepen.io/keithwyland/pen/wqNqvy -->
<div>
<h3>Education</h3>
<div class="editorContainer">
<form action="" method="POST">
<div class="formControl">
<label for="dateFrom">Date From</label>
<input type="date" id="dateFrom" name="dateFrom">
</div>
<div class="formControl">
<label for="dateTo">Date To</label>
<input type="date" id="dateTo" name="dateTo">
</div>
<div class="formControl">
<label for="grade">Grade</label>
<input type="text" id="grade" name="grade">
</div>
<div class="formControl">
<label for="courseTitle">Course Title</label>
<input type="text" id="courseTitle" name="courseTitle">
</div>
<div class="error hidden" id="eduError">
<button class="close" type="button">&times;</button>
<div></div>
</div>
<input type="submit" class="btn btnPrimary boxShadowIn boxShadowOut" value="Add new course">
</form>
<div class="timeline" id="edu">
</div>
</div>
</div>
<div>
<h3>Work</h3>
<div class="timeline" id="work">
</div>
</div>
</div>
</section>
</main>
<script src="js/editor.js"></script>