pohovor-public/ovlach_frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Ondrej Vlach 2023-11-26 17:31:20 +01:00
parent d5a30b5951
commit e6fc26c1fc
6 changed files with 448 additions and 376 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Rocket.toml Normal file
View File

@ -0,0 +1,2 @@
[debug]
static_route = "http://localhost:8001"

33
data/cv/ovlach.yaml Normal file
View File

@ -0,0 +1,33 @@
person:
name: Ondrej
surname: Vlach
education:
- from: 2022
to: 2023
school: blabla
jobs:
- jobtype: FREELANCE
from: 20/12/1986
to: 21/12/1986
company: blabla
title: blabla
description: blabla
languages:
- PHP
- HTML
- CSS
- JavaScript
- MySQL
- Wordpress
- Bootstrap
technologies:
- name: PHP
techtype: LANGUAGE
- name: HTML
techtype: LANGUAGE
- name: CSS
techtype: LANGUAGE

36
src/lib.rs
View File

@ -1,12 +1,40 @@
use rocket::*; use std::collections::HashMap;
use rocket_dyn_templates::Template;
use rocket::{*, fairing::AdHoc};
use rocket_dyn_templates::{Template, tera::Value};
use ::serde::Deserialize;
pub mod routes; pub mod routes;
#[derive(Deserialize)]
#[serde(crate = "rocket::serde")]
pub struct PresentationConfig {
static_route: String,
}
pub fn static_filter(
value: &Value,
args: &HashMap<String, rocket_dyn_templates::tera::Value>
) -> Result<Value, rocket_dyn_templates::tera::Error> {
let host = args.get("static_host");
return Ok(rocket_dyn_templates::tera::Value::String(format!("{}/{}", host.unwrap().as_str().unwrap(), value.as_str().unwrap()))); // TODO: fix-me here!
}
pub fn rocket_builder() -> Rocket<Build> { pub fn rocket_builder() -> Rocket<Build> {
rocket::build().attach( let rocket = rocket::build();
Template::fairing() //let figment = rocket.figment();
// extract the entire config any `Deserialize` value
//let config: PresentationConfig = figment.extract().expect("config");
rocket.attach(
Template::try_custom(|engines| {
engines.tera.register_filter("static", static_filter);
Ok(())
})
).attach(
AdHoc::config::<PresentationConfig>()
).mount("/", routes![ ).mount("/", routes![
routes::root::index routes::root::index
]) ])

14
src/routes/root.rs
View File

@ -1,14 +1,18 @@
use rocket::get; use rocket::{get, State, config};
use rocket_dyn_templates::Template; use rocket_dyn_templates::Template;
use serde::Serialize; use serde::Serialize;
#[derive(Serialize, Debug)] use crate::PresentationConfig;
struct Test {
#[derive(Serialize, Debug)]
struct RootPage {
static_host: String,
} }
#[get("/")] #[get("/")]
pub fn index() -> Template { pub fn index(config: &State<PresentationConfig>) -> Template {
let context = Test {}; let context = RootPage {
static_host: config.static_route.clone(),
};
Template::render("default", &context) Template::render("default", &context)
} }

85
templates/base.html.tera Normal file
View File

@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Material Resume</title>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin"/>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&amp;family=Roboto:wght@300;400;500;700&amp;display=swap"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&amp;family=Roboto:wght@300;400;500;700&amp;display=swap" media="print" onload="this.media='all'"/>
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&amp;family=Roboto:wght@300;400;500;700&amp;display=swap"/>
</noscript>
<link href="{{ "css/font-awesome/css/all.min.css?ver=1.2.1" | static(static_host = static_host) }}" rel="stylesheet">
<link href="{{ "css/mdb.min.css?ver=1.2.1" | static(static_host = static_host) }}" rel="stylesheet">
<link href="{{ "css/aos.css?ver=1.2.1" | static(static_host = static_host) }}" rel="stylesheet">
<link href="{{ "css/main.css?ver=1.2.1" | static(static_host = static_host) }}" rel="stylesheet">
<noscript>
<style type="text/css">
[data-aos] {
opacity: 1 !important;
transform: translate(0) scale(1) !important;
}
</style>
</noscript>
</head>
<body class="bg-light" id="top">
<header class="d-print-none">
<div class="container text-center text-lg-left">
<div class="pt-4 clearfix">
<h1 class="site-title mb-0">Walter Patterson</h1>
<div class="site-nav">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="#about" title="About"><span class="menu-title">About</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#skills" title="Skills"><span class="menu-title">Skills</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#experience" title="Experience"><span class="menu-title">Experience</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#education" title="Education"><span class="menu-title">Education</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#portfolio" title="Portfolio"><span class="menu-title">Portfolio</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#references" title="References"><span class="menu-title">References</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#contact" title="Contact"><span class="menu-title">Contact</span></a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
{% block content %} {% endblock content %}
<footer class="pt-4 pb-4 text-muted text-center d-print-none">
<div class="container">
<div class="my-3">
<div class="h4">Walter Patterson</div>
<div class="footer-nav">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="https://twitter.com/templateflip" title="Twitter"><i class="fab fa-twitter"></i><span class="menu-title sr-only">Twitter</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://www.facebook.com/templateflip" title="Facebook"><i class="fab fa-facebook"></i><span class="menu-title sr-only">Facebook</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://www.instagram.com/templateflip" title="Instagram"><i class="fab fa-instagram"></i><span class="menu-title sr-only">Instagram</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://github.com/templateflip" title="Github"><i class="fab fa-github"></i><span class="menu-title sr-only">Github</span></a>
</li>
</ul>
</nav>
</div>
</div>
<div class="text-small">
<div class="mb-1">&copy; Material Resume. All rights reserved.</div>
<div>Design - <a href="https://templateflip.com/" target="_blank">TemplateFlip</a></div>
</div>
</div>
</footer>
<script src="{{ "scripts/mdb.min.js?ver=1.2.1" | static(static_host = static_host) }}"></script>
<script src="{{ "scripts/aos.js?ver=1.2.1" | static(static_host = static_host) }}"></script>
<script src="{{ "scripts/main.js?ver=1.2.1" | static(static_host = static_host) }}"></script>
</body>
</html>

186
templates/default.html.tera
View File

@ -1,63 +1,12 @@
<!DOCTYPE html> {% extends "base" %}
<html lang="en-US">
<head> {% block content %}
<meta charset="UTF-8"> <div class="page-content">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Material Resume</title>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin"/>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&amp;family=Roboto:wght@300;400;500;700&amp;display=swap"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&amp;family=Roboto:wght@300;400;500;700&amp;display=swap" media="print" onload="this.media='all'"/>
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&amp;family=Roboto:wght@300;400;500;700&amp;display=swap"/>
</noscript>
<link href="css/font-awesome/css/all.min.css?ver=1.2.1" rel="stylesheet">
<link href="css/mdb.min.css?ver=1.2.1" rel="stylesheet">
<link href="css/aos.css?ver=1.2.1" rel="stylesheet">
<link href="css/main.css?ver=1.2.1" rel="stylesheet">
<noscript>
<style type="text/css">
[data-aos] {
opacity: 1 !important;
transform: translate(0) scale(1) !important;
}
</style>
</noscript>
</head>
<body class="bg-light" id="top">
<header class="d-print-none">
<div class="container text-center text-lg-left">
<div class="pt-4 clearfix">
<h1 class="site-title mb-0">Walter Patterson</h1>
<div class="site-nav">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="#about" title="About"><span class="menu-title">About</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#skills" title="Skills"><span class="menu-title">Skills</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#experience" title="Experience"><span class="menu-title">Experience</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#education" title="Education"><span class="menu-title">Education</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#portfolio" title="Portfolio"><span class="menu-title">Portfolio</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#references" title="References"><span class="menu-title">References</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#contact" title="Contact"><span class="menu-title">Contact</span></a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="page-content">
<div class="container"> <div class="container">
<div class="resume-container"> <div class="resume-container">
<div class="shadow-1-strong bg-white my-5" id="intro"> <div class="shadow-1-strong bg-white my-5" id="intro">
<div class="bg-info text-white"> <div class="bg-info text-white">
<div class="cover bg-image"><img src="images/header-background.jpg"/> <div class="cover bg-image"><img src="{{ "images/header-background.jpg" | static(static_host = static_host) }}" />
<div class="mask" style="background-color: rgba(0, 0, 0, 0.7);backdrop-filter: blur(2px);"> <div class="mask" style="background-color: rgba(0, 0, 0, 0.7);backdrop-filter: blur(2px);">
<div class="text-center p-5"> <div class="text-center p-5">
<div class="avatar p-1"><img class="img-thumbnail shadow-2-strong" src="images/avatar.jpg" width="160" height="160"/></div> <div class="avatar p-1"><img class="img-thumbnail shadow-2-strong" src="images/avatar.jpg" width="160" height="160"/></div>
@ -85,10 +34,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="shadow-1-strong bg-white my-5 p-5" id="about"> <div class="shadow-1-strong bg-white my-5 p-5" id="about">
<div class="about-section"> <div class="about-section">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<h2 class="h2 fw-light mb-4">About Me</h2> <h2 class="h2 fw-light mb-4">About Me</h2>
@ -131,10 +80,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="shadow-1-strong bg-white my-5 p-5" id="skills"> <div class="shadow-1-strong bg-white my-5 p-5" id="skills">
<div class="skills-section"> <div class="skills-section">
<h2 class="h2 fw-light mb-4">Professional Skills</h2> <h2 class="h2 fw-light mb-4">Professional Skills</h2>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
@ -182,10 +131,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="shadow-1-strong bg-white my-5 p-5" id="experience"> <div class="shadow-1-strong bg-white my-5 p-5" id="experience">
<div class="work-experience-section"> <div class="work-experience-section">
<h2 class="h2 fw-light mb-4">Work Experience</h2> <h2 class="h2 fw-light mb-4">Work Experience</h2>
<div class="timeline"> <div class="timeline">
<div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="0"> <div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="0">
@ -216,10 +165,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="shadow-1-strong bg-white my-5 p-5" id="education"> <div class="shadow-1-strong bg-white my-5 p-5" id="education">
<div class="education-section"> <div class="education-section">
<h2 class="h2 fw-light mb-4">Education</h2> <h2 class="h2 fw-light mb-4">Education</h2>
<div class="timeline"> <div class="timeline">
<div class="timeline-card timeline-card-success" data-aos="fade-in" data-aos-delay="0"> <div class="timeline-card timeline-card-success" data-aos="fade-in" data-aos-delay="0">
@ -250,10 +199,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="shadow-1-strong bg-white my-5 p-5 d-print-none" id="portfolio"> <div class="shadow-1-strong bg-white my-5 p-5 d-print-none" id="portfolio">
<div class="portfolio-section"> <div class="portfolio-section">
<h2 class="h2 fw-light mb-4">Portfolio</h2> <h2 class="h2 fw-light mb-4">Portfolio</h2>
<div class="row g-0"> <div class="row g-0">
<div class="col-md-6"><a href="https://dribbble.com/" target="_blank"><img class="img-fluid" src="images/project-1.jpg" width="800" height="500"/></a></div> <div class="col-md-6"><a href="https://dribbble.com/" target="_blank"><img class="img-fluid" src="images/project-1.jpg" width="800" height="500"/></a></div>
@ -285,10 +234,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="shadow-1-strong bg-white my-5 p-5" id="references"> <div class="shadow-1-strong bg-white my-5 p-5" id="references">
<div class="reference-section"> <div class="reference-section">
<h2 class="h2 fw-light mb-4">References</h2> <h2 class="h2 fw-light mb-4">References</h2>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
@ -316,10 +265,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="shadow-1-strong bg-white my-5 p-5" id="contact"> <div class="shadow-1-strong bg-white my-5 p-5" id="contact">
<div class="contant-section"> <div class="contant-section">
<h2 class="h2 fw-light text mb-4">Contact</h2> <h2 class="h2 fw-light text mb-4">Contact</h2>
<div class="row mb-4"> <div class="row mb-4">
<div class="col-md-5" data-aos="fade-left" data-aos-delay="200"> <div class="col-md-5" data-aos="fade-left" data-aos-delay="200">
@ -328,56 +277,27 @@
<div class="h6"><i class="far fa-envelope pe-2 text-muted" style="width:24px;opacity:0.85;"></i> walter@company.com</div> <div class="h6"><i class="far fa-envelope pe-2 text-muted" style="width:24px;opacity:0.85;"></i> walter@company.com</div>
</div> </div>
<div class="mt-5 d-print-none"><form action="https://formspree.io/your@email.com" <div class="mt-5 d-print-none"><form action="https://formspree.io/your@email.com"
method="POST"> method="POST">
<div class="form-outline mb-4"> <div class="form-outline mb-4">
<input type="text" id="name" class="form-control" required/> <input type="text" id="name" class="form-control" required/>
<label class="form-label" for="name">Name</label> <label class="form-label" for="name">Name</label>
</div> </div>
<div class="form-outline mb-4"> <div class="form-outline mb-4">
<input type="email" id="email" class="form-control" required/> <input type="email" id="email" class="form-control" required/>
<label class="form-label" for="email">Email address</label> <label class="form-label" for="email">Email address</label>
</div> </div>
<div class="form-outline mb-4"> <div class="form-outline mb-4">
<textarea class="form-control" style="resize: none;" id="message" rows="4" required></textarea> <textarea class="form-control" style="resize: none;" id="message" rows="4" required></textarea>
<label class="form-label" for="message">Message</label> <label class="form-label" for="message">Message</label>
</div> </div>
<button class="btn btn-info btn-block mb-4" type="submit">Send</button> <button class="btn btn-info btn-block mb-4" type="submit">Send</button>
</form> </form>
</div> </div>
</div> </div>
<div class="col-md-7 d-print-none" data-aos="zoom-in" data-aos-delay="100"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d496.9774799129763!2d-73.98032087190995!3d40.765927126473905!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c258f9cfcb250d%3A0xdb570ddcb766e3a8!2sNew%20York%20City%20Center!5e0!3m2!1sen!2sin!4v1614183731149!5m2!1sen!2sin" width="500" height="400" style="border:0;width:100%;" allowfullscreen="" loading="lazy"></iframe></div> <div class="col-md-7 d-print-none" data-aos="zoom-in" data-aos-delay="100"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d496.9774799129763!2d-73.98032087190995!3d40.765927126473905!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c258f9cfcb250d%3A0xdb570ddcb766e3a8!2sNew%20York%20City%20Center!5e0!3m2!1sen!2sin!4v1614183731149!5m2!1sen!2sin" width="500" height="400" style="border:0;width:100%;" allowfullscreen="" loading="lazy"></iframe></div>
</div> </div>
</div> </div>
</div> </div>
</div></div> </div></div>
</div> </div>
<footer class="pt-4 pb-4 text-muted text-center d-print-none"> {% endblock content %}
<div class="container">
<div class="my-3">
<div class="h4">Walter Patterson</div>
<div class="footer-nav">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="https://twitter.com/templateflip" title="Twitter"><i class="fab fa-twitter"></i><span class="menu-title sr-only">Twitter</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://www.facebook.com/templateflip" title="Facebook"><i class="fab fa-facebook"></i><span class="menu-title sr-only">Facebook</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://www.instagram.com/templateflip" title="Instagram"><i class="fab fa-instagram"></i><span class="menu-title sr-only">Instagram</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://github.com/templateflip" title="Github"><i class="fab fa-github"></i><span class="menu-title sr-only">Github</span></a>
</li>
</ul>
</nav>
</div>
</div>
<div class="text-small">
<div class="mb-1">&copy; Material Resume. All rights reserved.</div>
<div>Design - <a href="https://templateflip.com/" target="_blank">TemplateFlip</a></div>
</div>
</div>
</footer>
<script src="scripts/mdb.min.js?ver=1.2.1"></script>
<script src="scripts/aos.js?ver=1.2.1"></script>
<script src="scripts/main.js?ver=1.2.1"></script>
</body>
</html>