feat: add some meta data and README

This commit is contained in:
Matthieu Bessat 2022-07-14 10:04:14 +02:00
parent 3374e29b3a
commit e202802a56
13 changed files with 46 additions and 52 deletions

View file

@ -1,57 +1,36 @@
# Le futuriste's portfolio 2022 version
## Credits
https://tabler-icons.io/
- [Tabler icons](https://tabler-icons.io)
- [Libre Baskerville](https://github.com/impallari/Libre-Baskerville)
- [Axios](https://axios-http.com/)
## Structure
## Current structure
- Quick facts about me (Intro)
- Tech wall
- Pro projects
- Side projects
- Find me on
- Volunteering
- Find me on (Links)
<!-- - Volunteering -->
- Contact form
- Reading list
<!-- - Reading list -->
## Another structure to try: tabbed structure
## Technology walls
The main page: quick facts and the nav bar would be on the left instead of at the top
Mosaic of squared technologies logos
## Todo
- PHP
- Composer
- Symfony
- Api platform
- Laraval
- PhpUnit
- Add a little bit more style for the project page
- Compress images for the projects slide show
- Add some URL redirection
- Improve accessibility
- Add HTML for the semantic web
- Add link to blog and various links to specifics articles (for example about a particular project or about my computing setup)
- HTML 5
- Webpack
- CSS 3
- Sass
- Bootstrap
## Technical issues or comments
- JavaScript
- Jquery
- Yarn
- Node.js
- TypeScript
- Mocha
- Express
- Vue.js
- Vuetify
If you have any comments on this website, please reach to me via [email](mailto:mail@matthieubessat.fr)
- GoLang
- MySQL
- Elastic Search
- MongoDB
- Redis
- GNU/Linux
- Docker
- Nginx
- Varnish
- Caddy
- Python
- Gunicorn

View file

@ -11,6 +11,8 @@ about-website: "About this website"
page:
title: Matthieu Bessat
portfolio: Portfolio
description: My portfolio as a full-stack freelance web developer.
profile:
main: Hi, I'm Matthieu!

View file

@ -11,6 +11,8 @@ about-website: A propos de ce site
page:
title: Matthieu Bessat
portfolio: Portfolio
description: Développeur freelance full-stack, je vous présente mon portfolio.
profile:
main: Salut, je m'appelle Matthieu !

View file

@ -10,6 +10,7 @@
.intro-items {
border: 1px dashed gray;
border-radius: 3px;
padding: 1em;
.intro-item {
display: flex;

View file

@ -15,6 +15,10 @@
justify-content: center;
align-items: center;
min-width: 10em;
transition: all 0.1s;
&:hover {
transform: scale(1.1);
}
}
.link-card-title {

View file

@ -1,6 +1,7 @@
@use "sass:math";
.tech-mosaic {
border-radius: 3px;
display: flex;
flex-wrap: wrap;
overflow: hidden;

View file

@ -26,6 +26,9 @@ h3 {
font-size: large;
}
em {
font-style: italic;
}
.section-title {
display: grid;

File diff suppressed because one or more lines are too long

View file

@ -42,7 +42,7 @@ class HomeController extends AbstractController
return $this->container->get(Twig::class)->render(
$response, 'about.html.twig',
[
'email' => $this->container->get('misc')['email']
'email' => $this->container->get('intro')['email']
]
);
}

View file

@ -33,7 +33,7 @@
<h2>Retours et question</h2>
<p>
Si vous avez n'importe quel retours à faire sur mon site web que ça soit en positif ou en négatif ou que vous ayez des questions, n'hésitez pas à me contacter soit en utilisant le formulaire de contact ou en me contactant à <a href="mailto:bonjour@matthieubessat.fr">bonjour@matthieubessat.fr</a> j'essairaie de faire le maximum pour répondre à vos remarques et questions !
Si vous avez n'importe quel retours à faire sur mon site web que ça soit en positif ou en négatif ou que vous ayez des questions, n'hésitez pas à me contacter soit en utilisant le formulaire de contact ou en me contactant à <a href="mailto:{{ email }}">{{ email }}</a> j'essairai de faire le maximum pour répondre à vos remarques et questions !
</p>
{% endif %}
{% if getLocale() == 'en' %}
@ -63,7 +63,7 @@
<h2>Feedback</h2>
<p>
Feel free to contact me if you have any remarks, issues or feedbacks by using the contact form or mail to <a href="mailto:bonjour@matthieubessat.fr">bonjour@matthieubessat.fr</a>.
Feel free to contact me if you have any remarks, issues or feedbacks by using the contact form or mail to <a href="mailto:{{ email }}">{{ email }}</a>.
</p>
{% endif %}
</div>

View file

@ -1,4 +1,6 @@
{% extends 'layout.html.twig' %}
{% block title %}{{ getLocalizedStr('page.portfolio') }} - {% endblock %}
{% block description %}{{ getLocalizedStr('page.description') }}{% endblock %}
{% block content %}
{% include('home/profile.html.twig') %}
{% include('home/intro.html.twig') %}

View file

@ -5,9 +5,7 @@
</div>
<div class="intro">
<div class="intro-text">
<p>
{{ getLocalizedStr('intro.description') | formatMd | raw }}
</p>
<div class="intro-interests chips">
<div class="intro-interests-header">
<p>

View file

@ -10,13 +10,15 @@
<meta name=theme-color content=#2c7730>
<meta name=msapplication-TileColor content=#2c7730>
<meta property=og:type content=website>
<meta property=og:title content="Le_Futuriste, Matthieu Bessat, Web developer full-stack &amp; freelance">
<meta property=og:type content="website">
<meta property=og:title content="{{ block('title') }}{{ getLocalizedStr('page.title') }}">
<meta property=og:description content="{% block description %}{% endblock %}">
<meta property=og:image content="/img/lefuturiste.jpg">
<meta property=og:url content="https://lefuturiste.fr/">
<meta property=og:url content="https://lefuturiste.fr/{{ current_url() }}">
<meta property=og:locale content="{{ getLocale() }}">
<title>{% block title %}{% endblock %}{{ getLocalizedStr('page.title') }}</title>
<link href="/dist/app.min.css" rel="stylesheet">
<link rel="icon" type="image/png" href="/imgs/favicon.png">
</head>