Skip to content

Commit

Permalink
fix img path
Browse files Browse the repository at this point in the history
  • Loading branch information
22mahmoud committed Aug 26, 2023
1 parent 39d899d commit 5de4fe7
Show file tree
Hide file tree
Showing 13 changed files with 47 additions and 47 deletions.
6 changes: 3 additions & 3 deletions src/blog/build-a-blog-with-svelte-and-markdown/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ After installing the dependencies, you should be good to go and start your serve

Voila, 🎉 the application now up and running.

![screenshot of the home page for sapper boilerplate](./bg1.jpeg)
![screenshot of the home page for sapper boilerplate](bg1.jpeg)

Let's open the project in your favorite editor. and go to the `blog` folder
inside the `src/routes`.
Expand Down Expand Up @@ -168,7 +168,7 @@ the markdown.

If you navigate to `/blog` route you should have a page similar to this:

![screenshot of blogs pages](./bg2.jpeg)
![screenshot of blogs pages](bg2.jpeg)

Now we need to handle the post route. open `src/routes/blog/[slug].json.js`

Expand Down Expand Up @@ -244,7 +244,7 @@ import 'highlight.js/styles/github.css';
// ...
```

![screenshot of the final result showing a sample blog post](./bg3.jpeg)
![screenshot of the final result showing a sample blog post](bg3.jpeg)

## conclusion

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ yarn dev
now open `localhost:8080` on your browser and
it should work without any customized eleventy configuration.

![screenshot of application inside the browser](./setup-screen.jpeg)
![screenshot of application inside the browser](setup-screen.jpeg)

## Display some images

Expand Down Expand Up @@ -124,7 +124,7 @@ will be copied to the build directory.
Restart your server and go back to your browser
and it should everything work.

![screenshot of application inside the browser](./images-screen.jpeg)
![screenshot of application inside the browser](images-screen.jpeg)

## Test images performance without optimization

Expand All @@ -136,7 +136,7 @@ in my case it took `50s` to render all images, and some of these
images have size more than `2mb`. so we need to find a way
to make it faster.

![gif showing how slow the image rendering](./network-vid.gif)
![gif showing how slow the image rendering](network-vid.gif)

## Add `eleventy-img` plugin

Expand Down Expand Up @@ -276,7 +276,7 @@ Restart your server and go to the browser. and again open network tab.
and Boom 💥 in this time all images loaded on `5s` and no image
has size more than `120kb`.

![gif showing how the result after using eleventy-img plugin](./network2-vid.gif)
![gif showing how the result after using eleventy-img plugin](network2-vid.gif)

## Add lazy-loading and the blurry effect

Expand Down Expand Up @@ -361,7 +361,7 @@ Add this styles for img tags

Voilà 🎉, now we have a nice looking and fast images on your site.

![gif showing how the result after using vanilla-lazyload and blurry base64](./network3-vid.gif)
![gif showing how the result after using vanilla-lazyload and blurry base64](network3-vid.gif)

## Conclusion

Expand Down
18 changes: 9 additions & 9 deletions src/blog/my-terminal-became-more-rusty/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ keywords: rust, cli, linux, terminal

# My terminal became more Rusty 🦀

![big crap attack the city](./cover.jpeg)
![big crap attack the city](cover.jpeg)

As a Software-Engineer I spent most of the time inside my terminal, So
I need for that a fast terminal with fast tools to speed up my productivity.
Expand Down Expand Up @@ -42,7 +42,7 @@ Alacritty doesn't come with ligature support but you can use
this [fork](https://github.com/zenixls2/alacritty/tree/ligature). or if
you are using Arch you can install it from [aur](https://aur.archlinux.org/packages/alacritty-ligatures/)

![screenshot of the terminal showing alacritty ligatures](./alacritty.jpeg)
![screenshot of the terminal showing alacritty ligatures](alacritty.jpeg)

---

Expand All @@ -55,7 +55,7 @@ You can use it with any shell bash, zsh, fish and even powerShell.

The screenshot below showing the result of my customized configuration.

![screenshot of starship prompt](./starship.jpeg)
![screenshot of starship prompt](starship.jpeg)

---

Expand All @@ -78,7 +78,7 @@ fi

the result of my `ls` and `ll` commands.

![screenshot of exa](./exa.jpeg)
![screenshot of exa](exa.jpeg)

---

Expand All @@ -95,7 +95,7 @@ if [ "$(command -v bat)" ]; then
fi
```

![screenshot of bat](./bat.jpeg)
![screenshot of bat](bat.jpeg)

---

Expand Down Expand Up @@ -125,7 +125,7 @@ feature and set a theme for Nord, You can choose your preferred theme run and ch
delta --list-syntax-themes
```

![screenshot of delta](./delta.jpeg)
![screenshot of delta](delta.jpeg)

---

Expand Down Expand Up @@ -174,7 +174,7 @@ rg "\.content" -g "*.pug"
rg fast README.md --replace FAST
```

![screenshot of ripgrep](./ripgrep.jpeg)
![screenshot of ripgrep](ripgrep.jpeg)

---

Expand Down Expand Up @@ -204,15 +204,15 @@ In this time not `top` 😀 it is `bottom`

it's a cross-platform system monitor.

![screenshot of bottom](./bottom.jpeg)
![screenshot of bottom](bottom.jpeg)

---

## Tldr

tldr is a cheatsheets for CLIs, instead of read the whole `man`.

![screenshot of tldr](./tldr.jpeg)
![screenshot of tldr](tldr.jpeg)

---

Expand Down
8 changes: 4 additions & 4 deletions src/blog/no-more-postman-just-curl-and-vim/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ for example:
will execute the `ls` command line and show the content
in pager.

![screenshot for ls command inside vim](./screen.jpeg)
![screenshot for ls command inside vim](screen.jpeg)

## Execute the content of the current file as CLI.

Expand All @@ -43,7 +43,7 @@ it will not work because it's trying run the file as executable file not the con

so we pass `sh` before the `%` to run the content inside the file via shell.

![screenshot :!sh command inside vim](./screen1.jpeg)
![screenshot :!sh command inside vim](screen1.jpeg)

## Test our first cURL command

Expand Down Expand Up @@ -81,7 +81,7 @@ curl -s -X GET \

then as we done before run `:!sh %`

![screenshot of :!sh % result inside vim](./screen2.jpeg)
![screenshot of :!sh % result inside vim](screen2.jpeg)

# Make the result More Handy.

Expand All @@ -105,7 +105,7 @@ command Exec set splitbelow | new | set filetype=sh | read !sh #
open again `api/posts/get/todos.sh` and in command mode write `:Exec`
that will execute the command inside the file and open split view with the result.

![screenshot of before vim command](./screen3.jpeg)
![screenshot of before vim command](screen3.jpeg)

now you have vim buffer you can easily search and do whatever you do. and to close the buffer you can use
command `:bd!` or the keyboard shortcut `shift + z + q`.
Expand Down
6 changes: 3 additions & 3 deletions src/blog/uninstall-all-neovim-plugins/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ keywords: linux, neovim, vim

# Uninstall all neovim plugins

![the matrix movie scene](./matrix.jpg)
![the matrix movie scene](matrix.jpg)

As a developer, you need a robust environment that fits your needs to develop,
compile, debug, build, and so on. So, you have now two pills to choose one of
Expand Down Expand Up @@ -96,7 +96,7 @@ end
and the nice about grep that the result now on your quickfix, so you can easily
navigate between them, and do any operation that you want.

![a screenshot of neovim with quickfix opend](./quickfix-vim-screenshot.jpg)
![a screenshot of neovim with quickfix opend](quickfix-vim-screenshot.jpg)

And here is my mapping, it may be useful, and here is the [utils](https://github.com/22mahmoud/nvim/blob/master/lua/ma/utils.lua) used in the
snippets below:
Expand Down Expand Up @@ -145,7 +145,7 @@ git add -p
git reset -p
```

![a screenshot of `git add -p` command](./hunks-screenshot.jpg)
![a screenshot of `git add -p` command](hunks-screenshot.jpg)

### - Neovim goodies (lsp/treesitter)

Expand Down
22 changes: 11 additions & 11 deletions src/photos/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,17 +61,17 @@ title-prefix: Photos
>
> 📅 date: July, 2021
- ![image](./DSC_0843.jpg)
- ![image](./DSC_1585_01.jpg)
- ![image](./DSC_0863.jpg)
- ![image](./DSC_0926.jpg)
- ![image](./DSC_1231.jpg)
- ![image](./DSC_1383.jpg)
- ![image](./DSC_1578.jpg)
- ![image](./DSC_1580.jpg)
- ![image](./DSC_1727.jpg)
- ![image](./DSC_1764.jpg)
- ![image](./DSC_1805.jpg)
- ![image](DSC_0843.jpg)
- ![image](DSC_1585_01.jpg)
- ![image](DSC_0863.jpg)
- ![image](DSC_0926.jpg)
- ![image](DSC_1231.jpg)
- ![image](DSC_1383.jpg)
- ![image](DSC_1578.jpg)
- ![image](DSC_1580.jpg)
- ![image](DSC_1727.jpg)
- ![image](DSC_1764.jpg)
- ![image](DSC_1805.jpg)

<br />

Expand Down
2 changes: 1 addition & 1 deletion src/thoughts/1600514947/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,4 @@ date: 2020-09-19t13:29+02:00

I just got my free ticket to #nextjsconf!

![nextjsconf](./ticket.png)
![nextjsconf](ticket.png)
2 changes: 1 addition & 1 deletion src/thoughts/1610488005/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,4 @@ I got a new mechanical keyboard today, yaaay 🎊🎊

Redragon k530

![redragon k530 keyboard](./mech.jpg)
![redragon k530 keyboard](mech.jpg)
2 changes: 1 addition & 1 deletion src/thoughts/1613524846/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,4 @@ date: 2021-02-17t03:20+02:00
Finally, received my gift from [dev.to](https://dev.to)
Thanks [@ThePracticalDev](https://twitter.com/ThePracticalDev)

![dev.to stickers and thank you card](./dev-gift.jpg)
![dev.to stickers and thank you card](dev-gift.jpg)
2 changes: 1 addition & 1 deletion src/thoughts/1626632598/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,4 @@ Let's take some great photos!! 📷

My first DSLR camera Nikon D3500

![Nikon D3500 with lens](./d3500.jpg)
![Nikon D3500 with lens](d3500.jpg)
2 changes: 1 addition & 1 deletion src/thoughts/1634330500/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,4 @@
date: 2021-10-15t22:41+02:00
---

![mem about windows limition](./f938c755fc3bd836.jpg)
![mem about windows limition](f938c755fc3bd836.jpg)
2 changes: 1 addition & 1 deletion src/thoughts/1669317382/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,4 @@ date: 2022-11-24T21:16+02:00

في الطريق

![screenshot from lynks.com tracking orders to at2020 microphone](./screenshot_lynks.jpg)
![screenshot from lynks.com tracking orders to at2020 microphone](screenshot_lynks.jpg)
12 changes: 6 additions & 6 deletions src/thoughts/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,16 +19,16 @@ img {
<div class="thoughts">
- [[2022-11-24T21:16+02:00](/thoughts/1669317382)]
في الطريق
![screenshot from lynks.com tracking orders to at2020 microphone](./1669317382/screenshot_lynks.jpg)
![screenshot from lynks.com tracking orders to at2020 microphone](1669317382/screenshot_lynks.jpg)

- [[2021-08-17T13:50+02:00](/thoughts/1634330500)]
![mem about windows limition](./1634330500/f938c755fc3bd836.jpg)
![mem about windows limition](1634330500/f938c755fc3bd836.jpg)

- [[2021-08-17T13:50+02:00](/thoughts/1629201049)] update: I closed my linkedin
account

- [[2021-07-18T20:23+02:00](/thoughts/1626632598)] Let's take some great
photos!! 📷 My first DSLR camera Nikon D3500 ![Nikon D3500 with lens](./1626632598/d3500.jpg)
photos!! 📷 My first DSLR camera Nikon D3500 ![Nikon D3500 with lens](1626632598/d3500.jpg)

- [[2021-05-16T05:20+02:00](/thoughts/1621135238)]
Monad, Functor, Semigroup, and Task ... new vocab for me while learning
Expand All @@ -41,12 +41,12 @@ img {
- [[2021-02-17T03:20+02:00](/thoughts/1613524846)]
Finally, received my gift from [dev.to](https://dev.to)
Thanks [@ThePracticalDev](https://twitter.com/ThePracticalDev)
![dev.to stickers and thank you card](./1613524846/dev-gift.jpg)
![dev.to stickers and thank you card](1613524846/dev-gift.jpg)

- [[2021-01-12T23:46+02:00](/thoughts/1610488005)]
I got a new mechanical keyboard today, yaaay 🎊🎊
Redragon k530
![redragon k530 keyboard](./1610488005/mech.jpg)
![redragon k530 keyboard](1610488005/mech.jpg)

- [[2020-12-14T23:19+02:00](/thoughts/1607980789)]
It's the perfect time to start get google away from your life. #degoogle
Expand Down Expand Up @@ -90,7 +90,7 @@ created, now github has a dark mode ❤.

- [[2020-09-19T13:29+02:00](/thoughts/1600514947)]
I just got my free ticket to #nextjsconf!
![nextjsconf](./1600514947/ticket.png)
![nextjsconf](1600514947/ticket.png)

- [[2020-09-19T11:09+02:00](/thoughts/1600506588)]
انك يبقي عندك المدونة بتاعتك اللي تقدر تحط عليها افكارك و وتدويناتك بيخليك تكون المالك الحصري للمحتوي بتاعك احسن بكتير لما يكون افكارك متوزعة علي مواقع التواصل الاجتامعي اللي ممكن فى اي لحظة تقفل ومتقدرش توصل لمحتواك.
Expand Down

0 comments on commit 5de4fe7

Please sign in to comment.