basic structure for reorx theme
This commit is contained in:
parent
bd5a9d6d71
commit
a9cbab662e
|
|
@ -7,9 +7,7 @@
|
|||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>jsoncv</h1>
|
||||
|
||||
<div id="cv-container"></div>
|
||||
<div class="cv-container"></div>
|
||||
|
||||
<script src="main.js" type="module"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
import * as exampleData from '../data/rxresume-converted.json';
|
||||
import { applyThemeTo } from './themer';
|
||||
|
||||
const elCV = document.querySelector('#cv-container')
|
||||
const elCV = document.querySelector('.cv-container')
|
||||
|
||||
applyThemeTo('default', {}, elCV)
|
||||
|
||||
applyThemeTo('default', exampleData, elCV)
|
||||
|
|
|
|||
|
|
@ -1 +1,40 @@
|
|||
<h1>reorx</h1>
|
||||
<!-- Basics -->
|
||||
<h1><%= basics.name %></h1>
|
||||
<p><%= basics.summary %></p>
|
||||
<div class="contact">
|
||||
<%= basics.email %> | <%= basics.phone %>
|
||||
</div>
|
||||
|
||||
<!-- Educations -->
|
||||
<section>
|
||||
<h2>Educations</h2>
|
||||
<% for (const item of education) { %>
|
||||
<div class="education">
|
||||
<h3><%= item.institution %></h3>
|
||||
<p><%= item.url %></p>
|
||||
<p><%= item.area %></p>
|
||||
<p><%= item.score %></p>
|
||||
<p><%= item.startDate %> - <%= item.endDate %></p>
|
||||
</div>
|
||||
<% } %>
|
||||
</section>
|
||||
|
||||
<!-- Work -->
|
||||
<section>
|
||||
<h2></h2>
|
||||
</section>
|
||||
|
||||
<!-- Projects -->
|
||||
<section>
|
||||
<h2>Projects</h2>
|
||||
</section>
|
||||
|
||||
<!-- Side-projects -->
|
||||
<section>
|
||||
<h2>Side-projects</h2>
|
||||
</section>
|
||||
|
||||
<!-- Skills -->
|
||||
<section>
|
||||
<h2>Skills</h2>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
body {
|
||||
background-color: green;
|
||||
.cv-container {
|
||||
font-size: 14px;
|
||||
font-family: system-ui, sans-serif;
|
||||
|
||||
div {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue