basic structure for reorx theme

This commit is contained in:
Reorx 2023-02-04 15:14:10 +08:00
parent bd5a9d6d71
commit a9cbab662e
4 changed files with 48 additions and 11 deletions

View File

@ -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>

View File

@ -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)

View File

@ -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>

View File

@ -1,7 +1,5 @@
body {
background-color: green;
.cv-container {
font-size: 14px;
font-family: system-ui, sans-serif;
div {
color: red;
}
}