added pics + services

main
Aurian JAULT 11 months ago
parent 708e4e80ed
commit de9b662ebf

@ -0,0 +1,15 @@
body {
font-family: "Helvetica";
margin: 0;
padding: 0;
background-color: #C9DDED;
}
h2 {
color: #333;
}
img {
width: 40px;
height: 40px;
}

@ -0,0 +1,7 @@
<h2>Contacts</h2>
<p>Vous pouvez me contacter aux informations suivantes :</p>
<ul>
<li><img src="../../../assets/pics/tel.png" alt="Téléphone"> +33 7 84 95 26 85</li>
<li><img src="../../../assets/pics/mail.png" alt="Email"><a href="mailto:jault.aurianj@gmail.com">jault.aurianj&#64;gmail.com</a></li>
<li><img src="../../../assets/pics/hub.png" alt="Github"> Compte Github</li>
</ul>

@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { FooterComponent } from './footer.component';
describe('FooterComponent', () => {
let component: FooterComponent;
let fixture: ComponentFixture<FooterComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [FooterComponent]
})
.compileComponents();
fixture = TestBed.createComponent(FooterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

@ -0,0 +1,12 @@
import { Component } from '@angular/core';
@Component({
selector: 'app-footer',
standalone: true,
imports: [],
templateUrl: './footer.component.html',
styleUrl: './footer.component.css'
})
export class FooterComponent {
}

@ -9,6 +9,8 @@ body {
.container {
padding: 2rem;
max-width: 87%;
margin: 0 auto;
}
.introduction, .diplomas, .projects, .contact{
margin-bottom: 2rem;
@ -21,6 +23,7 @@ h2 {
background-color: #08828F;
padding: 1rem;
margin: 2rem 0;
border-radius: 15px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.project-item img, .diploma-item img {
@ -28,6 +31,7 @@ h2 {
height: 100px;
margin-right: 20px;
background-color: #C9DDED;
border-radius: 15px;
}
.project-content {
display: flex;

@ -3,56 +3,34 @@
<div class="container">
<section id="introduction" class="introduction">
<h2>Introduction</h2>
<p>Bienvenu sur mon portfolio ! Je suis Aurian JAULT et cette page internet à était créée dans le cadre de ma formation de BUT Informatique. Ici vous retrouverez l'ensemble de mes formations, mes contacts, mes projets majeurs et plein d'autre choses !</p>
<p>Bienvenu sur mon portfolio ! Je suis Aurian JAULT et cette page internet à était créée dans le cadre de ma formation de BUT Informatique. Ici, vous retrouverez l'ensemble de mes formations, mes contacts, mes projets majeurs et plein d'autre choses !</p>
</section>
<section id="diplomas" class="diplomas">
<h2>Diplômes</h2>
<div class="diploma-item">
<img src="../../../assets/pics/lq.jpg" alt="Bac général">
<div class="diploma-item" *ngFor="let dipl of dipls">
<img src={{dipl.img}} alt={{dipl.name}} >
<div class="item-content">
<h3>Diplôme 1</h3>
<p>Description du diplôme 1. Établissement: Université ABC. Année: 2020.</p>
</div>
</div>
<div class="diploma-item">
<img src="../../../assets/pics/uca.png" alt="BUT Informatique">
<div class="item-content">
<h3>Diplôme 2</h3>
<p>Description du diplôme 2. Établissement: Université XYZ. Année: 2018.</p>
<h3> {{ dipl.name }} </h3>
<p> {{ dipl.description }}</p>
</div>
</div>
</section>
<section id="projects" class="projects">
<h2>Projets</h2>
<div class="project-item">
<img src="../../../assets/pics/map.png" alt="ArchiVR">
<div class="project-content">
<h3>Archi-VR</h3>
<p>Application de génération de visites virtuelles.</p>
</div>
</div>
<div class="project-item">
<img src="../../../assets/pics/nft.png" alt="PassWorld">
<div class="project-content">
<h3>PassWorld</h3>
<p>Gestionnaire de mots de passe compatible avec les Yubikeys.</p>
</div>
</div>
<div class="project-item">
<img src="../../../assets/pics/rdd.jpg" alt="FukaFukaShita">
<div class="project-content">
<h3>FukaFukaShita</h3>
<p>Site de forum de rêves/cauchemar</p>
</div>
<div *ngFor="let projet of projs" class="project-item">
<img src={{projet.img}} alt={{projet.name}}>
<div class="project-content">
<h3><a href={{projet.link}}>{{ projet.name }}</a></h3>
<p>{{projet.description}}</p>
</div>
</div>
</section>
<section id="contact" class="contact">
<h2>Contact</h2>
<!-- <p>Vous pouvez me contacter à l'adresse suivante : email@example.com</p> -->
<app-footer></app-footer>
</section>
</div>
</body>

@ -1,14 +1,26 @@
import { Component } from '@angular/core';
import { NavbarComponent } from '../navbar/navbar.component';
import { FooterComponent } from '../footer/footer.component';
import { ProjetService } from '../../services/projet';
import { Projet } from '../../models/projet';
import { NgFor } from '@angular/common';
import { Diplome } from '../../models/diplomes';
@Component({
selector: 'app-main-menu',
standalone: true,
imports: [NavbarComponent],
imports: [NavbarComponent, FooterComponent, NgFor],
providers: [],
templateUrl: './main-menu.component.html',
styleUrl: './main-menu.component.css'
})
export class MainMenuComponent {
public projs: Projet[];
public dipls: Diplome[];
constructor(public service: ProjetService)
{
this.projs = service.getProjets();
this.dipls = service.getDiplomes();
}
}

@ -6,6 +6,7 @@
<li><a href="#introduction">Introduction</a></li>
<li><a href="#projects">Projets</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="../../../assets/Aurian Jault.pdf">CV</a></li>
</ul>
</nav>
</header>

@ -0,0 +1,14 @@
import { Projet } from "../models/projet"
import { Diplome } from "../models/diplomes"
export const PROJ : Projet[] = [
{name: "Archi-VR", img: "../../../assets/pics/map.png", description: "Application de génération de visites virtuelles. Cette application à était réalisé entièrement en PHP et Javascript durant ma 3ème année de BUT informatique. Nous étions 3 pour réaliser de bout en bout ce projet.", link: "https://github.com/AurianJault/archivr"},
{name: "PassWorld", img: "../../../assets/pics/nft.png", description: "Gestionnaire de mots de passe compatible avec les Yubikeys. Ce projet à était conçue durant ma deuxième année de BUT Informatique par 5 membres. Cette application à était réalisée entièrement en Flutter", link: "https://github.com/PassWorldTeam/Passworld"},
{name: "FukaFukaShita", img: "../../../assets/pics/rdd.jpg", description: "Site de forum de rêves/cauchemar. Ce projet à était créé dans le cadre de la matière PHP symphony en 3ème année de BUT Informatique.", link: "https://github.com/Assassymfony/Fukafukashita"},
]
export const DIPLO : Diplome[] = [
{ name: "BUT Informatique - Spécialité WEB", description: "Année d'obtention : 2024", img: "../../../assets/pics/uca.png"},
{ name: "Bac général : Maths & Physique-Chimie", description: "Diplôme obtenue sans mention en 2021.", img: "../../../assets/pics/lq.jpg"},
{ name: "Master Cybersécurité", description: "Actuellement accepté à l'ESAIP à Angers pour mon master en Cybersécurité.", img: "../../../assets/pics/esaip.jpeg"},
]

@ -0,0 +1,5 @@
export interface Diplome {
description: string;
img: string;
name: string;
}

@ -0,0 +1,6 @@
export interface Projet {
description: string;
img: string;
name: string;
link: string;
}

@ -0,0 +1,25 @@
import { Injectable } from "@angular/core";
import { Projet } from "../models/projet";
import { Diplome } from "../models/diplomes";
import { PROJ } from "../datas/projet.stub";
import { DIPLO } from "../datas/projet.stub";
@Injectable({
providedIn: 'root'
})
export class ProjetService {
private projs: Projet[] = PROJ;
private dipls : Diplome[] = DIPLO;
constructor() {}
getProjets(): Projet[]
{
return this.projs;
}
getDiplomes(): Diplome[]
{
return this.dipls;
}
}

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Loading…
Cancel
Save