158 lines
6.9 KiB
HTML
158 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Editor</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<script src="https://kit.fontawesome.com/ed3c25598e.js" crossorigin="anonymous"></script>
|
|
</head>
|
|
<body>
|
|
<nav class="sideNav">
|
|
<a href="#" class="closeBtn" id="navClose">×</a>
|
|
<ul>
|
|
<li><a href="#" id="goToCV"><span><</span>CV<span>></span></a></li>
|
|
<li><a href="#" id="goToProjects" class="active"><span><</span>Projects<span>></span></a></li>
|
|
<li><a href="#" id="logout"><span><</span>Logout<span>></span></a></li>
|
|
</ul>
|
|
</nav>
|
|
<main class="editor" style="margin-left: 250px;">
|
|
<div class="title">
|
|
<span id="navOpen">☰</span>
|
|
|
|
<h1>Editor</h1>
|
|
</div>
|
|
|
|
<section id="curriculumVitae">
|
|
<h2>curriculum vitae</h2>
|
|
<div class="cvGrid">
|
|
<div>
|
|
<h3>Education</h3>
|
|
|
|
<div class="editorContainer">
|
|
<form action="" method="POST" id="addEdu">
|
|
<div class="formControl">
|
|
<label for="dateFromE">Date From</label>
|
|
<input type="date" id="dateFromE" name="dateFromE" required>
|
|
</div>
|
|
|
|
<div class="formControl">
|
|
<label for="dateToE">Date To</label>
|
|
<input type="date" id="dateToE" name="dateToE" required>
|
|
</div>
|
|
|
|
<div class="formControl">
|
|
<label for="grade">Grade</label>
|
|
<input type="text" id="grade" name="grade" required>
|
|
</div>
|
|
|
|
<div class="formControl">
|
|
<label for="courseTitle">Course Title</label>
|
|
<input type="text" id="courseTitle" name="courseTitle" required>
|
|
</div>
|
|
|
|
<div class="error hidden" id="eduError">
|
|
<button class="close" type="button">×</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="editorContainer">
|
|
<form action="" method="POST" id="addWork">
|
|
<div class="formControl">
|
|
<label for="dateFromW">Date From</label>
|
|
<input type="date" id="dateFromW" name="dateFromW" required>
|
|
</div>
|
|
|
|
<div class="formControl">
|
|
<label for="dateToW">Date To</label>
|
|
<input type="date" id="dateToW" name="dateToW">
|
|
</div>
|
|
|
|
<div class="formControl">
|
|
<label for="company">Company</label>
|
|
<input type="text" id="company" name="company" required>
|
|
</div>
|
|
|
|
<div class="formControl">
|
|
<label for="area">Area</label>
|
|
<input type="text" id="area" name="area" required>
|
|
</div>
|
|
|
|
<div class="formControl">
|
|
<label for="jobTitle">Job Title</label>
|
|
<input type="text" id="jobTitle" name="jobTitle" required>
|
|
</div>
|
|
|
|
<div class="error hidden" id="workError">
|
|
<button class="close" type="button">×</button>
|
|
<div></div>
|
|
</div>
|
|
|
|
<input type="submit" class="btn btnPrimary boxShadowIn boxShadowOut" value="Add new job">
|
|
</form>
|
|
|
|
<div class="timeline" id="work">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="projects">
|
|
<h2>projects</h2>
|
|
<div class="projectsGrid">
|
|
<form action="" id="addProj">
|
|
<div class="formControl">
|
|
<label for="projTitle">Title </label>
|
|
<input type="text" name="projTitle" id="projTitle" required>
|
|
</div>
|
|
<div class="formControl">
|
|
<label class="checkContainer" for="isMainProject">Is It The Main Project
|
|
<input type="checkbox" id="isMainProject" name="isMainProject">
|
|
<span class="checkmark"></span>
|
|
</label>
|
|
</div>
|
|
<div class="formControl">
|
|
<label for="projImg">Image</label>
|
|
<input type="file" name="projImg" id="projImg">
|
|
</div>
|
|
<div class="formControl">
|
|
<label for="projInfo">Description</label>
|
|
<textarea name="projInfo" id="projInfo" required></textarea>
|
|
</div>
|
|
<div class="formControl">
|
|
<label for="projLink">Project Link</label>
|
|
<input type="text" name="projLink" id="projLink" pattern="https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)">
|
|
</div>
|
|
<div class="formControl">
|
|
<label for="gitLink">Git Link</label>
|
|
<input type="text" name="gitLink" id="gitLink" pattern="https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)" required>
|
|
</div>
|
|
<div class="error hidden" id="projError">
|
|
<button class="close" type="button">×</button>
|
|
<div></div>
|
|
</div>
|
|
<input type="submit" value="Add new Project" class="btn btnPrimary boxShadowIn boxShadowOut">
|
|
</form>
|
|
<div id="projList">
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="js/editor.js"></script>
|
|
</body>
|
|
</html> |