mirror of
https://github.com/ArthurDanjou/website-old.git
synced 2026-01-31 12:17:53 +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">
|
<style scoped lang="scss">
|
||||||
.home-link:hover {
|
.home-link:hover {
|
||||||
p {
|
p {
|
||||||
@apply dark:etxt-white
|
@apply dark:text-white
|
||||||
}
|
}
|
||||||
.arrow {
|
.arrow {
|
||||||
transform: translateX(15px);
|
transform: translateX(15px);
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<article
|
<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"
|
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>
|
<div>
|
||||||
<p
|
<p
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
:class="getColor">
|
:class="getColor">
|
||||||
<div class="w-full h-full flex flex-col justify-center items-center">
|
<div class="w-full h-full flex flex-col justify-center items-center">
|
||||||
<div class="text-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>
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<h1 class="md:text-2xl text-lg font-bold">{{ title }}</h1>
|
<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 !
|
description: Après de long mois de développement, voici la version 2 de mon site !
|
||||||
reading_time: 2
|
reading_time: 2
|
||||||
tags: ["tags.dev"]
|
tags: ["tags.dev"]
|
||||||
cover: 'default'
|
cover: 'post-1'
|
||||||
date: 13-12-2020
|
date: 13-12-2020
|
||||||
background: false
|
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
|
## 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.
|
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