ajout CV
This commit is contained in:
Camilla Schoeser
@@ -79,6 +79,9 @@
|
||||
</div>
|
||||
|
||||
<div class="colonne2">
|
||||
<p><b>Stage CRAN</b></p>
|
||||
<a href="https://cran-dev.cran.univ-lorraine.fr/">Amélioration de leur site web</a>
|
||||
|
||||
<p><b>Télécom Nancy</b></p>
|
||||
<a href="TN/Crypto/test23.html">Présentation crypto</a>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,260 @@
|
||||
*{
|
||||
margin:0;
|
||||
padding:0;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
|
||||
body{
|
||||
background:#f2f2f2;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
color:#333;
|
||||
}
|
||||
|
||||
.container{
|
||||
max-width:1100px;
|
||||
margin:0 auto;
|
||||
background:white;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
|
||||
.header{
|
||||
padding:25px 40px 15px;
|
||||
}
|
||||
|
||||
.header h1{
|
||||
font-size:3rem;
|
||||
font-weight:700;
|
||||
color:#111;
|
||||
}
|
||||
|
||||
.header .subtitle{
|
||||
margin-top:5px;
|
||||
color:#2b568d;
|
||||
font-size:1.2rem;
|
||||
font-weight:600;
|
||||
letter-spacing:1px;
|
||||
}
|
||||
|
||||
/* CONTACT BAR */
|
||||
|
||||
.contact-bar{
|
||||
background:#7da7d9;
|
||||
color:white;
|
||||
display:flex;
|
||||
justify-content:space-around;
|
||||
align-items:center;
|
||||
padding:12px;
|
||||
font-size:0.95rem;
|
||||
}
|
||||
|
||||
.contact-item{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
}
|
||||
|
||||
.contact-item a{
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
.contact-item a:hover{
|
||||
opacity: 0.8;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* MAIN LAYOUT */
|
||||
|
||||
.main{
|
||||
display:grid;
|
||||
grid-template-columns:260px 1fr;
|
||||
gap:25px;
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
/* SIDEBAR */
|
||||
|
||||
.sidebar section{
|
||||
background:#fafafa;
|
||||
border:1px solid #e5e5e5;
|
||||
padding:18px;
|
||||
margin-bottom:15px;
|
||||
}
|
||||
|
||||
.section-title{
|
||||
color:#234f84;
|
||||
font-size:1.1rem;
|
||||
font-weight:800;
|
||||
border-bottom:3px solid #234f84;
|
||||
display:inline-block;
|
||||
margin-bottom:15px;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
|
||||
.sidebar h3{
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
.tags{
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
gap:6px;
|
||||
}
|
||||
|
||||
.tag{
|
||||
border:1px solid #d5d5d5;
|
||||
border-radius:5px;
|
||||
padding:5px 8px;
|
||||
background:white;
|
||||
font-size:0.9rem;
|
||||
}
|
||||
|
||||
.languages .lang{
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
.level{
|
||||
display:flex;
|
||||
gap:4px;
|
||||
margin-top:4px;
|
||||
}
|
||||
|
||||
.dot{
|
||||
width:14px;
|
||||
height:14px;
|
||||
border-radius:50%;
|
||||
background:#d8d8d8;
|
||||
}
|
||||
|
||||
.dot.active{
|
||||
background:#234f84;
|
||||
}
|
||||
|
||||
.languages .lang{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
padding: 8px 0;
|
||||
border-bottom: 1px dashed #d9d9d9;
|
||||
}
|
||||
|
||||
.languages .lang:last-child{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.level{
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
margin-top: 0;
|
||||
margin-left: 15px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.dot{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 50%;
|
||||
background: #d8d8d8;
|
||||
}
|
||||
|
||||
.dot.active{
|
||||
background: #234f84;
|
||||
}
|
||||
|
||||
/* CONTENT */
|
||||
|
||||
.content section{
|
||||
background:#fafafa;
|
||||
border:1px solid #ececec;
|
||||
padding:20px;
|
||||
margin-bottom:15px;
|
||||
}
|
||||
|
||||
.entry{
|
||||
padding:15px 0;
|
||||
border-bottom:1px dashed #d9d9d9;
|
||||
}
|
||||
|
||||
.entry:last-child{
|
||||
border-bottom:none;
|
||||
}
|
||||
|
||||
.entry-header{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:flex-start;
|
||||
gap:15px;
|
||||
}
|
||||
|
||||
.entry-title{
|
||||
font-size:1.15rem;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.entry-subtitle{
|
||||
color:#2b568d;
|
||||
font-weight:600;
|
||||
margin-top:2px;
|
||||
}
|
||||
|
||||
.meta {
|
||||
display: flex;
|
||||
align-items: center; /* Aligne verticalement la date et le lieu sur la même ligne */
|
||||
color: #666;
|
||||
font-size: 0.9rem;
|
||||
margin: 4px 0 8px 0;
|
||||
}
|
||||
|
||||
/* 1. On donne une largeur fixe à la date pour pousser le reste de manière identique */
|
||||
.meta-date {
|
||||
display: inline-block;
|
||||
min-width: 170px; /* Ajuste cette valeur en pixels selon tes préférences */
|
||||
}
|
||||
|
||||
/* Force la date à prendre une largeur fixe pour aligner la localisation juste après */
|
||||
.meta-row .date-item {
|
||||
display: inline-flex;
|
||||
min-width: 130px; /* Ajuste cette valeur en pixels selon l'écart voulu */
|
||||
}
|
||||
|
||||
/* 2. On s'assure que l'icône reste bien collée à sa ville avec un espace propre */
|
||||
.meta-location {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px; /* Espace fixe de 6px entre le logo géolocalisation et le nom de la ville */
|
||||
}
|
||||
|
||||
/* Optionnel : fixe la largeur de l'icône pour éviter des micro-décalages de police */
|
||||
.meta-location i {
|
||||
width: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.entry ul{
|
||||
margin-top:8px;
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
.entry li{
|
||||
margin-bottom:5px;
|
||||
}
|
||||
|
||||
.location{
|
||||
color:#666;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
@media(max-width:900px){
|
||||
|
||||
.main{
|
||||
grid-template-columns:1fr;
|
||||
}
|
||||
|
||||
.contact-bar{
|
||||
flex-direction:column;
|
||||
gap:10px;
|
||||
}
|
||||
}
|
||||
+345
@@ -0,0 +1,345 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CV - Camilla Schoeser</title>
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||||
<link rel="stylesheet" href="CV.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<header class="header">
|
||||
<h1>Camilla Schoeser</h1>
|
||||
|
||||
<div class="subtitle">
|
||||
Engineering student in Computer Science and Project Management,
|
||||
seeking a 2–3 month internship to develop skills in software
|
||||
development or cybersecurity
|
||||
</div>
|
||||
</header>
|
||||
<div class="contact-bar">
|
||||
|
||||
<div class="contact-item">
|
||||
<i class="fa-solid fa-at"></i>
|
||||
<a href="mailto:camilla.schoeser@gmail.com">
|
||||
camilla.schoeser@gmail.com
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="contact-item">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
<a href="tel:+33783776091">
|
||||
+33 7 83 77 60 91
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="contact-item">
|
||||
<i class="fa-brands fa-linkedin"></i>
|
||||
<a href="https://www.linkedin.com/in/camilla-schoeser-3a9285254/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer">
|
||||
linkedin.com/in/camilla-schoeser-3a9285254/
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="contact-item">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
<a href="https://maps.google.com/?q=Nancy,France"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer">
|
||||
Nancy, France
|
||||
</a>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<i class="fa-solid fa-car"></i>
|
||||
Driving license
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<!-- SIDEBAR -->
|
||||
<aside class="sidebar">
|
||||
|
||||
<section>
|
||||
<div class="section-title">Skills</div>
|
||||
|
||||
<h3>Technical</h3>
|
||||
|
||||
<div class="tags">
|
||||
<span class="tag">Python</span>
|
||||
<span class="tag">Java</span>
|
||||
<span class="tag">C</span>
|
||||
<span class="tag">C++</span>
|
||||
<span class="tag">HTML</span>
|
||||
<span class="tag">CSS</span>
|
||||
<span class="tag">JavaScript</span>
|
||||
<span class="tag">PHP</span>
|
||||
<span class="tag">SQL</span>
|
||||
<span class="tag">Git</span>
|
||||
<span class="tag">Linux</span>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<h3>Management</h3>
|
||||
|
||||
<div class="tags">
|
||||
<span class="tag">Project Management</span>
|
||||
<span class="tag">Agile / Scrum</span>
|
||||
<span class="tag">Lean 6 Sigma</span>
|
||||
<span class="tag">Systems Thinking</span>
|
||||
<span class="tag">Meeting Facilitation</span>
|
||||
<span class="tag">Problem Solving</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="languages">
|
||||
|
||||
<div class="section-title">Languages</div>
|
||||
|
||||
<div class="lang">
|
||||
French
|
||||
<div class="level">
|
||||
<span class="dot active"></span>
|
||||
<span class="dot active"></span>
|
||||
<span class="dot active"></span>
|
||||
<span class="dot active"></span>
|
||||
<span class="dot active"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lang">
|
||||
English
|
||||
<div class="level">
|
||||
<span class="dot active"></span>
|
||||
<span class="dot active"></span>
|
||||
<span class="dot active"></span>
|
||||
<span class="dot active"></span>
|
||||
<span class="dot"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lang">
|
||||
Italian
|
||||
<div class="level">
|
||||
<span class="dot active"></span>
|
||||
<span class="dot active"></span>
|
||||
<span class="dot active"></span>
|
||||
<span class="dot"></span>
|
||||
<span class="dot"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p><i>International experience : academic semester at TU Delft (The Netherlands)</i></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="section-title">Interests</div>
|
||||
|
||||
<ul>
|
||||
<li>Music (Piano, Violin)</li>
|
||||
<li>Computer Science Projects</li>
|
||||
<li>Applied AI</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</aside>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<div class="content">
|
||||
|
||||
<section>
|
||||
|
||||
<div class="section-title">Education</div>
|
||||
|
||||
<div class="entry">
|
||||
<div class="entry-header">
|
||||
<div>
|
||||
<div class="entry-title">
|
||||
Télécom Nancy - Engineering School in Computer Science
|
||||
</div>
|
||||
|
||||
<div class="entry-subtitle">
|
||||
Computer Science, Cybersecurity, Software Engineering
|
||||
</div>
|
||||
|
||||
<div class="meta-row">
|
||||
<span class="meta-item date-item">
|
||||
<i class="fa-solid fa-calendar-days"></i>
|
||||
Sept 2025 – June 2027
|
||||
</span>
|
||||
|
||||
<span class="meta-item">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
Villers-lès-Nancy, France
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Specialization in Internet Systems and Security</li>
|
||||
<li>Project Manager at the Junior Enterprise "Télécom Nancy Services"</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<div class="entry-header">
|
||||
<div>
|
||||
<div class="entry-title">
|
||||
ENSGSI - Engineering School in Systems and Innovation
|
||||
</div>
|
||||
|
||||
<div class="entry-subtitle">
|
||||
Engineering Management, Innovation and Enterprise Systems
|
||||
</div>
|
||||
|
||||
<div class="meta-row">
|
||||
<span class="meta-item date-item">
|
||||
<i class="fa-solid fa-calendar-days"></i>
|
||||
Sept 2021 – June 2025
|
||||
</span>
|
||||
<span class="meta-item">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
Nancy, France
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Projet-based learning in management, design, and organizational change</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<div class="entry-header">
|
||||
<div>
|
||||
<div class="entry-title">
|
||||
TU Delft
|
||||
</div>
|
||||
|
||||
<div class="entry-subtitle">
|
||||
Mathematics, Computer Science, Technology Management
|
||||
</div>
|
||||
|
||||
<div class="meta-row">
|
||||
<span class="meta-item date-item">
|
||||
<i class="fa-solid fa-calendar-days"></i>
|
||||
Sept 2024 – Jan 2025
|
||||
</span>
|
||||
<span class="meta-item">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
Delft, The Netherlands
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Machine Learning: build Physics-Informed Graph Neural Network (ChebConv) using Python (PyTorch Geometric)
|
||||
to predict power balance in an electrical network</li>
|
||||
<li>Interconnected Engineering Systems: group project involving the development of a multi-threaded Python
|
||||
(TCP/UDP) client-server app for file sharing and live chat</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<div class="section-title">Experience</div>
|
||||
|
||||
<div class="entry">
|
||||
<div class="entry-title">
|
||||
Web Development Intern
|
||||
</div>
|
||||
|
||||
<div class="entry-subtitle">
|
||||
CRAN (Research Center for Automatic Control)
|
||||
</div>
|
||||
|
||||
<div class="meta-row">
|
||||
<span class="meta-item date-item">
|
||||
<i class="fa-solid fa-calendar-days"></i>
|
||||
July 2025
|
||||
</span>
|
||||
|
||||
<span class="meta-item">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
Vandœuvre-lès-Nancy, France
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li>Website redesign and development</li>
|
||||
<li>Responsive interfaces with HTML, CSS and JavaScript</li>
|
||||
<li>Backend integration with PHP and MySQL</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<div class="entry-title">
|
||||
Industrial Project
|
||||
</div>
|
||||
|
||||
<div class="entry-subtitle">
|
||||
TEA – Tech Ergo Application
|
||||
</div>
|
||||
|
||||
<div class="meta-row">
|
||||
<span class="meta-item date-item">
|
||||
<i class="fa-solid fa-calendar-days"></i>
|
||||
Feb – Jun 2025
|
||||
</span>
|
||||
|
||||
<span class="meta-item">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
Vandœuvre-lès-Nancy, France </span>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li>Prospective study on AI applications</li>
|
||||
<li>Feasibility analysis and innovation strategy</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<div class="entry-title">
|
||||
Production Line Operator
|
||||
</div>
|
||||
|
||||
<div class="entry-subtitle">
|
||||
Mathieu Fayat
|
||||
</div>
|
||||
|
||||
<div class="meta-row">
|
||||
<span class="meta-item date-item">
|
||||
<i class="fa-solid fa-calendar-days"></i>
|
||||
July – Aug 2023 & July – Aug 2024
|
||||
</span>
|
||||
|
||||
<span class="meta-item">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
Toul, France </span>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li>Mechanical assembly, inventory management, and logistics support</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user