mirror of
https://github.com/ArthurDanjou/website-old.git
synced 2026-01-14 20:19:35 +01:00
Import Blog-1 img
This commit is contained in:
BIN
assets/img/posts/post-1.png
Normal file
BIN
assets/img/posts/post-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
@@ -61,7 +61,7 @@ export default {
|
||||
<style scoped lang="scss">
|
||||
.home-link:hover {
|
||||
p {
|
||||
@apply dark:etxt-white
|
||||
@apply dark:text-white
|
||||
}
|
||||
.arrow {
|
||||
transform: translateX(15px);
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<article
|
||||
class="border-2 border-black border-solid rounded-xl w-full h-blog p-2 flex flex-col justify-between my-5 duration-200 transform hover:scale-95"
|
||||
:style="{ backgroundImage: 'url(http://localhost:5555/files/' + cover + ')' }"
|
||||
:style="{ backgroundImage: require(`@/assets/img/posts/${cover}.png`) }"
|
||||
>
|
||||
<div>
|
||||
<p
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
:class="getColor">
|
||||
<div class="w-full h-full flex flex-col justify-center items-center">
|
||||
<div class="text-center">
|
||||
<img alt="Project Img" class="rounded-md" width="150" :src="require(`@/assets/img/skills/${cover}.png`)">
|
||||
<img alt="Project Img" class="rounded-md" width="150" :src="require(`@/assets/img/works/${cover}.png`)">
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<h1 class="md:text-2xl text-lg font-bold">{{ title }}</h1>
|
||||
|
||||
69
content/articles/en/new-version-new-website.md
Normal file
69
content/articles/en/new-version-new-website.md
Normal file
@@ -0,0 +1,69 @@
|
||||
---
|
||||
slug: new-version-new-website
|
||||
title: Ouverture de la nouvelle version de mon site !
|
||||
description: Après de long mois de développement, voici la version 2 de mon site !
|
||||
reading_time: 2
|
||||
tags: ["tags.dev"]
|
||||
cover: 'post-1'
|
||||
date: 13-12-2020
|
||||
background: false
|
||||
---
|
||||
|
||||
## Presentation
|
||||
|
||||
After long months of development, I have the honor to present you the brand new version of my site.
|
||||
What's new ? What techniques were used ? Everything will be detailed in this article.
|
||||
|
||||
### Summary:
|
||||
- Why a new version?
|
||||
- Why was it so long?
|
||||
- What does this new version offer?
|
||||
- What technologies are used?
|
||||
- Conclusion
|
||||
|
||||
## 1. Why a new version?
|
||||
|
||||
You should know that I have discovered lots of new technologies concerning web development.
|
||||
Indeed, it is an area that I have always wanted to discover. So I started a year ago to release my site, its first version.
|
||||
Being new to this field, the code quickly became complicated to maintain and is not flexible at all.
|
||||
These constraints meant that I could not update it often and when I wanted.
|
||||
In addition, having more experience in this field, I wanted to improve the design of my site by making it more
|
||||
editable and improving the code.
|
||||
|
||||
## 2. Why was it so long?
|
||||
|
||||
I am currently in Terminale générale, which is why I have a lot of homework that takes time
|
||||
staff that I prefer to devote rather than to development. I am often under pressure because of this new
|
||||
Baccalaureate, where all marks count towards the final Baccalaureate mark.
|
||||
I don't really have a creative mind, so I try to be as satisfied as possible with the end result of the
|
||||
design of my site. I also discovered new technologies, yes again, which took a while
|
||||
learning before rushing headlong into the code. I tried to be more organized in the code,
|
||||
to save time, as I had little.
|
||||
|
||||
## 3. What does this new version offer?
|
||||
|
||||
This new version offers many more features than the previous version:
|
||||
|
||||
- Better mobile rendering 📱
|
||||
- A day module 🌞 and a night module 🌚
|
||||
- A multi-language site 🌍
|
||||
- A dynamization of the content ⚙
|
||||
- A blog ✒
|
||||
- A portfolio 🎓
|
||||
- A personal CV ✉
|
||||
- A better point of contact 📌
|
||||
|
||||
## 4. What technologies are used?
|
||||
|
||||
In this version, I used several technologies:
|
||||
|
||||
- NuxtJs for server-side rendering
|
||||
- VueJs for user interface
|
||||
- TailwindCss & Sass for style
|
||||
- NuxtJs / Content for all content
|
||||
|
||||
## 5. Conclusion
|
||||
|
||||
To conclude, I am very satisfied with the result of this new version, with its features.
|
||||
I'll let you visit the rest of the site and give me your opinion!
|
||||
|
||||
@@ -4,20 +4,11 @@ title: Ouverture de la nouvelle version de mon site !
|
||||
description: Après de long mois de développement, voici la version 2 de mon site !
|
||||
reading_time: 2
|
||||
tags: ["tags.dev"]
|
||||
cover: 'default'
|
||||
cover: 'post-1'
|
||||
date: 13-12-2020
|
||||
background: false
|
||||
---
|
||||
|
||||
Todo:
|
||||
|
||||
- Parler de pourquoi une nouvelle version
|
||||
- Pourquoi si long
|
||||
- Technologies utilisées
|
||||
- Ce que ca propose (blog etc)
|
||||
- Conclusion
|
||||
- Informations supplémentaires
|
||||
|
||||
## Présentation
|
||||
|
||||
Après de long mois de développement, j'ai l'honneur de vous présenter la toute nouvelle version de mon site.
|
||||
|
||||
@@ -1,40 +0,0 @@
|
||||
---
|
||||
slug: test-1
|
||||
title: Ouverture de la nouvelle version de mon site !
|
||||
description: Après de long mois de développement, voici la version 2 de mon site !
|
||||
reading_time: 0
|
||||
tags: ["tags.dev"]
|
||||
cover: 'default'
|
||||
date: 12-04-2020
|
||||
background: false
|
||||
---
|
||||
|
||||
- Informations suplémentaires
|
||||
|
||||
```java
|
||||
public void main (String[] args) {
|
||||
System.out.println("Hello World !");
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
```javascript
|
||||
console.log('Hello World !')
|
||||
```
|
||||
|
||||
`test` test
|
||||
|
||||
> Test
|
||||
|
||||
Test de lien [Twitter](https://twitter.com/ArthurDanj)
|
||||
|
||||
Lien [GitHub](https://github.com/arthurdanjou)
|
||||
|
||||
---
|
||||
|
||||
Hey
|
||||
**Hey**
|
||||
__hey__
|
||||
_hey_
|
||||
~~Hey~~
|
||||
|
||||
Reference in New Issue
Block a user