Import Blog-1 img

This commit is contained in:
2020-12-15 18:53:13 +01:00
parent 930c601b52
commit 874e5bdd4d
7 changed files with 73 additions and 53 deletions

BIN
assets/img/posts/post-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

View File

@@ -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);

View File

@@ -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

View File

@@ -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>

View 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!

View File

@@ -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.

View File

@@ -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~~