Skip to content

Commit

Permalink
🎉 Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
Mathias committed Sep 22, 2024
0 parents commit 02a7d55
Show file tree
Hide file tree
Showing 12 changed files with 159 additions and 0 deletions.
23 changes: 23 additions & 0 deletions .github/workflows/zola.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
name: Zola

on:
push:
branches: [ main ]
workflow_dispatch:

# Allow one concurrent deployment
concurrency:
group: "pages"
cancel-in-progress: true

jobs:
build:
runs-on: ubuntu-latest

steps:
- uses: actions/checkout@v3

- name: Build and deploy
uses: shalzz/zola-deploy-action@master
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
public/
.direnv
3 changes: 3 additions & 0 deletions .gitmodules
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
[submodule "themes/apollo"]
path = themes/apollo
url = https://github.com/not-matthias/apollo
31 changes: 31 additions & 0 deletions config.toml
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
base_url = "example.com"
title = "mathias-aparicio"
build_search_index = true
generate_feeds = true
minify_html = true

theme = "apollo"
taxonomies = [{ name = "tags" }]

[markdown]
highlight_code = true
highlight_theme = "ayu-light"

[extra]
use_cdn = false
theme = "toggle"

menu = [
{ name = "/posts", url = "/posts", weight = 1 },
{ name = "/projects", url = "/projects", weight = 3 },
{ name = "/about", url = "/about", weight = 5 },
]

socials = [
{ name = "github", url = "https://github.com/mathias-aparicio", icon = "github" },
{name="linkedin", url = "https://linkedin.com/in/mathias-aparicio/", icon = "linkedin" }
]

[extra.analytics]
enabled = true

4 changes: 4 additions & 0 deletions content/_index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
+++
[extra]
section_path = "posts/_index.md"
+++
13 changes: 13 additions & 0 deletions content/about.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
+++
title = "About"
path = "about"
+++

Hello my name is Mathias APARICIO and I am a french enginner student in computer student at [Enseirb-matmeca](https://enseirb-matmeca.bordeaux-inp.fr/fr).

I am currently working toward building solid skills in rust.

# Contact

Github: [https://github.com/mathias-aparicio](https://github.com/mathias-aparicio) <br />
LinkedIn: [https://www.linkedin.com/in/mathias-aparicio/](https://www.linkedin.com/in/mathias-aparicio/) <br />
5 changes: 5 additions & 0 deletions content/posts/_index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
+++
title = "Posts"
transparent = true
sort_by = "date"
+++
62 changes: 62 additions & 0 deletions content/posts/tailwind_deno.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
+++
title = "Import custom fonts with Tailwind CSS fresh"
date = "2024-09-22"

[taxonomies]
tags=["deno", "tailwind"]
+++
# Prologue

I was working in a project that used [deno](https://deno.com/) as javascript runtime alongside [fresh](https://fresh.deno.dev/) as web framework. And I couldn't find easly how to import a front.

## Prerequisites
This post assumes you are working on a fresh project and use Tailwind CSS for styling library.
### 1. Find Your Font


To choose your font you can go to [Google Fonts](https://fonts.google.com) and search the one you want, for the sake of this tutorial we will be looking for the [Fredoka](https://fonts.google.com/?query=fredoka) font.
### 2. Get the Embed Code

Once you have chosen your font:
- Click on the font.
- Hit the `Get font` then `Get embed code` button
- Navigate to the "Get embed code" section
- Select `@import`.
- Copy the `@import url('https::/fonts/googleapis.com ... display=swap');` code snippets

### 3. Edit tailwind configuration

Open your `tailwind.config.ts` file and add the following:

```typescript
import { type Config } from "tailwindcss";

export default {
content: [
"{routes,islands,components}/**/*.{ts,tsx}",
],
theme: {
extend: {
fontFamily: {
'fredoka': ['"Fredoka"', 'sans-serif'],
},
},
},
plugins: [],
} satisfies Config;
```


### 4. Import the Font

Finally, open your `styles.css` file and add the following line:

```css
@import url('https://fonts.googleapis.com/css2?family=Fredoka&display=swap');
```



## Conclusion

You now can add your font to you tsx 🚀!
5 changes: 5 additions & 0 deletions content/projects/_index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
+++
title = "Projects"
sort_by = "weight"
template = "cards.html"
+++
10 changes: 10 additions & 0 deletions content/projects/nemesis.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
+++
title = "Simple preavis"
description = "Un template typst pour créer des lettres de préavis"
weight = 100
# date = "2024-21-09"

[extra]
link_to = "https://github.com/mathias-aparicio/simple-preavis"
+++

Empty file added templates/.gitkeep
Empty file.
1 change: 1 addition & 0 deletions themes/apollo
Submodule apollo added at 4d3e2d

0 comments on commit 02a7d55

Please sign in to comment.