mirror of
https://github.com/hazemKrimi/personal-website.git
synced 2026-05-01 18:00:26 +00:00
Layout updates
This commit is contained in:
+1
-1
@@ -1,4 +1,4 @@
|
|||||||
---
|
---
|
||||||
title: 'Home'
|
title: 'Home'
|
||||||
date: 2023-10-18T20:03:43+01:00
|
date: 2023-10-18
|
||||||
---
|
---
|
||||||
|
|||||||
+2
-1
@@ -1,7 +1,8 @@
|
|||||||
---
|
---
|
||||||
layout: 'about'
|
layout: 'about'
|
||||||
title: 'About'
|
title: 'About'
|
||||||
date: 2023-10-18T20:03:43+01:00
|
description: 'Summary on the career path of Hazem Krimi'
|
||||||
|
date: 2023-10-18
|
||||||
---
|
---
|
||||||
|
|
||||||
## About
|
## About
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: "Blog"
|
title: "Blog"
|
||||||
date: 2023-10-18T20:03:43+01:00
|
description: 'Blog covering Computer Science and Software Engineering topic by Hazem Krimi'
|
||||||
|
date: 2023-10-18
|
||||||
---
|
---
|
||||||
|
|
||||||
## Blog
|
## Blog
|
||||||
|
|||||||
@@ -1,9 +0,0 @@
|
|||||||
---
|
|
||||||
layout: 'contact'
|
|
||||||
title: 'Contact'
|
|
||||||
date: 2023-10-18T20:03:43+01:00
|
|
||||||
---
|
|
||||||
|
|
||||||
## Contact
|
|
||||||
|
|
||||||
Here you can contact me personally for any questions or opportunities.
|
|
||||||
@@ -1,6 +1,15 @@
|
|||||||
---
|
---
|
||||||
|
build:
|
||||||
|
render: always
|
||||||
|
cascade:
|
||||||
|
- build:
|
||||||
|
list: local
|
||||||
|
publishResources: false
|
||||||
|
render: never
|
||||||
|
|
||||||
title: "Projects"
|
title: "Projects"
|
||||||
date: 2023-10-18T20:03:43+01:00
|
description: 'List of project that Hazem Krimi created or worked on'
|
||||||
|
date: 2023-10-18
|
||||||
---
|
---
|
||||||
|
|
||||||
## Projects
|
## Projects
|
||||||
|
|||||||
@@ -0,0 +1,6 @@
|
|||||||
|
---
|
||||||
|
title: 'Astrobuild'
|
||||||
|
description: 'Prototype of a collaboration tool between stakeholders for building software projects'
|
||||||
|
source: 'https://github.com/hazemKrimi/astrobuild'
|
||||||
|
date: 2021-07-10
|
||||||
|
---
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
---
|
||||||
|
title: 'Discord Bot'
|
||||||
|
description: 'A discord bot that plays audio tracks from facebook, youtube and podcast websites'
|
||||||
|
source: "https://github.com/hazemKrimi/discord-bot"
|
||||||
|
date: 2020-03-10
|
||||||
|
---
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
---
|
||||||
|
title: 'Assembler'
|
||||||
|
description: 'Assembler for The Hack language from the Nand to Tetris course witten in Rust'
|
||||||
|
source: "https://github.com/hazemKrimi/hack-assembler"
|
||||||
|
date: 2024-03-10
|
||||||
|
---
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
---
|
||||||
|
title: 'VM Translator'
|
||||||
|
description: 'VM Translator from The Jack language VM code to The Hack language assembly code as part of the Nand to Tetris course'
|
||||||
|
source: "https://github.com/hazemKrimi/jack-vm-translator"
|
||||||
|
date: 2024-05-05
|
||||||
|
---
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
---
|
||||||
|
title: 'React Weather App'
|
||||||
|
description: 'Weather app made with React, TypeScript and OpenWeatherMap API'
|
||||||
|
demo: "https://hazemkrimi.github.io/react-weather-app"
|
||||||
|
source: "https://github.com/hazemKrimi/react-weather-app"
|
||||||
|
date: 2021-02-10
|
||||||
|
---
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
---
|
|
||||||
title: 'React Weather App'
|
|
||||||
description: 'Weather app made with React, TypeScript and OpenWeatherMap API'
|
|
||||||
demo: "https://hazemkrimi.github.io/react-weather-app"
|
|
||||||
date: 2023-09-19
|
|
||||||
---
|
|
||||||
|
|
||||||
## About the project
|
|
||||||
|
|
||||||
This is a project that I made as a step in the interview process for my final year internship. Here you can find its [source code](https://github.com/hazemKrimi/react-weather-app) or you can view the [demo](https://hazemkrimi.github.io/react-weather-app).
|
|
||||||
|
|
||||||
The features are fetching the weather depending on the device's location or by using the search bar on the top right of the app. The weather data it fetches are the daily forecast, weekly forcast and today's wind and humidity.
|
|
||||||
|
|
||||||
## Technologies
|
|
||||||
|
|
||||||
- React
|
|
||||||
- TypeScript
|
|
||||||
- Styled Components
|
|
||||||
- OpenWeatherMap API
|
|
||||||
|
|
||||||
## Screenshots
|
|
||||||
|
|
||||||

|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
@@ -19,7 +19,7 @@ enableRobotsTXT = true
|
|||||||
formSpreeURL = 'https://formspree.io/f/xoqpgyge'
|
formSpreeURL = 'https://formspree.io/f/xoqpgyge'
|
||||||
dateFormat = '02 January 2006'
|
dateFormat = '02 January 2006'
|
||||||
defaultDescription = 'Personal website of Hazem Krimi'
|
defaultDescription = 'Personal website of Hazem Krimi'
|
||||||
defaultKeywords = 'Hazem Krimi, Software Engineer, Software Developer, Full Stack Developer, JavaScript, TypeScript, React, Node.js, Scala, Kotlin, Corda, SQL, GraphQL, MongoDB'
|
defaultKeywords = 'Hazem Krimi, Software Engineer, Software Developer, Full Stack Developer, JavaScript, TypeScript, React.js, Node.js, Scala, Kotlin, Corda, SQL, GraphQL, MongoDB'
|
||||||
[params.author]
|
[params.author]
|
||||||
email = 'me@hazemkrimi.tech'
|
email = 'me@hazemkrimi.tech'
|
||||||
name = 'Hazem Krimi'
|
name = 'Hazem Krimi'
|
||||||
@@ -45,10 +45,6 @@ enableRobotsTXT = true
|
|||||||
name = 'Resume'
|
name = 'Resume'
|
||||||
url = '/hazem-krimi.pdf'
|
url = '/hazem-krimi.pdf'
|
||||||
weight = 5
|
weight = 5
|
||||||
[[menu.main]]
|
|
||||||
name = 'Contact'
|
|
||||||
url = '/contact'
|
|
||||||
weight = 6
|
|
||||||
[[deployment.matchers]]
|
[[deployment.matchers]]
|
||||||
# Cache static assets for 1 year.
|
# Cache static assets for 1 year.
|
||||||
pattern = "^.+\\.(js|css|svg|ttf)$"
|
pattern = "^.+\\.(js|css|svg|ttf)$"
|
||||||
|
|||||||
@@ -4,7 +4,4 @@
|
|||||||
<section>
|
<section>
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<h2>Contact</h2>
|
|
||||||
{{ partial "contact-form.html" . }}
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|||||||
@@ -1,7 +0,0 @@
|
|||||||
{{ define "main" }}
|
|
||||||
{{ partial "breadcrumb.html" . }}
|
|
||||||
|
|
||||||
{{ .Content }}
|
|
||||||
|
|
||||||
{{ partial "contact-form.html" . }}
|
|
||||||
{{ end }}
|
|
||||||
@@ -30,12 +30,10 @@
|
|||||||
{{- end }}
|
{{- end }}
|
||||||
{{- end }}
|
{{- end }}
|
||||||
|
|
||||||
{{- $projectsPages := where .Site.RegularPages "Section" "projects" }}
|
|
||||||
{{- $blogPages := where .Site.RegularPages "Section" "blog" }}
|
{{- $blogPages := where .Site.RegularPages "Section" "blog" }}
|
||||||
|
|
||||||
{{- $limit := .Site.Config.Services.RSS.Limit }}
|
{{- $limit := .Site.Config.Services.RSS.Limit }}
|
||||||
{{- if ge $limit 1 }}
|
{{- if ge $limit 1 }}
|
||||||
{{- $projectsPages = $projectsPages | first $limit }}
|
|
||||||
{{- $blogPages = $blogPages | first $limit }}
|
{{- $blogPages = $blogPages | first $limit }}
|
||||||
{{- end }}
|
{{- end }}
|
||||||
|
|
||||||
@@ -54,16 +52,6 @@
|
|||||||
{{- with .OutputFormats.Get "RSS" }}
|
{{- with .OutputFormats.Get "RSS" }}
|
||||||
{{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
|
{{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
|
||||||
{{- end }}
|
{{- end }}
|
||||||
{{- range $projectsPages }}
|
|
||||||
<item>
|
|
||||||
<title>{{ .Title }}</title>
|
|
||||||
<link>{{ .Permalink }}</link>
|
|
||||||
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
|
|
||||||
{{- with $authorEmail }}<author>{{ . }}{{ with $authorName }} ({{ . }}){{ end }}</author>{{ end }}
|
|
||||||
<guid>{{ .Permalink }}</guid>
|
|
||||||
<description>{{ .Params.description | html }}</description>
|
|
||||||
</item>
|
|
||||||
{{- end }}
|
|
||||||
{{- range $blogPages }}
|
{{- range $blogPages }}
|
||||||
<item>
|
<item>
|
||||||
<title>{{ .Title }}</title>
|
<title>{{ .Title }}</title>
|
||||||
|
|||||||
@@ -30,9 +30,6 @@
|
|||||||
<div>
|
<div>
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2>Contact</h2>
|
|
||||||
{{ partial "contact-form.html" . }}
|
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -10,7 +10,6 @@
|
|||||||
<p>I have over two years of experience mainly working on web and cross platform mobile applications in E-Commerce, Fintech, Auditing and Compliance.</p>
|
<p>I have over two years of experience mainly working on web and cross platform mobile applications in E-Commerce, Fintech, Auditing and Compliance.</p>
|
||||||
<div id="action-buttons">
|
<div id="action-buttons">
|
||||||
<a href="{{ urls.JoinPath .Site.BaseURL "blog" }}">Blog</a>
|
<a href="{{ urls.JoinPath .Site.BaseURL "blog" }}">Blog</a>
|
||||||
<a href="{{ urls.JoinPath .Site.BaseURL "contact" }}">Contact</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -54,11 +53,4 @@
|
|||||||
{{ end }}
|
{{ end }}
|
||||||
</section>
|
</section>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<section id="contact">
|
|
||||||
<h2>Contact</h2>
|
|
||||||
<p>Here you can contact me personally for any questions or opportunities.</p>
|
|
||||||
|
|
||||||
{{ partial "contact-form.html" . }}
|
|
||||||
</section>
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|||||||
@@ -5,12 +5,7 @@
|
|||||||
<img src="{{ $faceImage.Permalink }}" alt="Hazem Krimi's face" />
|
<img src="{{ $faceImage.Permalink }}" alt="Hazem Krimi's face" />
|
||||||
<div>
|
<div>
|
||||||
<p>
|
<p>
|
||||||
My programming experience is mostly non-professional but it was essential
|
I am a software engineer with a extensive experience building user-friendly web and cross-platform mobile applications using React and React Native with TypeScript. Similarly, I have experience building APIs using Node.js and recently using Scala. Recently, I got into DLT using Corda with Kotlin.
|
||||||
for my development. Even though I am working professionally for over two
|
|
||||||
years now, I got into programming much longer than that. I got into web
|
|
||||||
development in the summer of 2018 as I started learning the basics: HTML,
|
|
||||||
CSS, JS and most importantly how the web works by building very small
|
|
||||||
projects.
|
|
||||||
</p>
|
</p>
|
||||||
<div id="links">
|
<div id="links">
|
||||||
<a href="{{ $cv.Permalink }}" target="_blank">
|
<a href="{{ $cv.Permalink }}" target="_blank">
|
||||||
|
|||||||
@@ -6,11 +6,15 @@
|
|||||||
{{ end }}
|
{{ end }}
|
||||||
<p>{{ .Params.description }}</p>
|
<p>{{ .Params.description }}</p>
|
||||||
<div id="links">
|
<div id="links">
|
||||||
<a class="read-more" href="{{ .Permalink }}">
|
<a
|
||||||
|
class="read-more"
|
||||||
|
href="{{ if (.InSection ($.Site.GetPage "projects")) }} {{ .Params.source }} {{ else }} {{ .Permalink }} {{ end }}"
|
||||||
|
target="{{ if (.InSection ($.Site.GetPage "projects")) }} _blank {{ else }} _self {{ end }}"
|
||||||
|
>
|
||||||
{{ if (.InSection ($.Site.GetPage "projects")) }}
|
{{ if (.InSection ($.Site.GetPage "projects")) }}
|
||||||
Read this project {{ readFile "assets/icons/arrow.svg" | safeHTML }}
|
Source code {{ readFile "assets/icons/arrow.svg" | safeHTML }}
|
||||||
{{ else }}
|
{{ else }}
|
||||||
Read this blog post {{ readFile "assets/icons/arrow.svg" | safeHTML }}
|
Read this blog post {{ readFile "assets/icons/arrow.svg" | safeHTML }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</a>
|
</a>
|
||||||
{{ with (and (.InSection ($.Site.GetPage "projects")) .Params.demo) }}
|
{{ with (and (.InSection ($.Site.GetPage "projects")) .Params.demo) }}
|
||||||
|
|||||||
@@ -1,18 +0,0 @@
|
|||||||
<form
|
|
||||||
action="{{ .Site.Params.formSpreeURL }}"
|
|
||||||
method="POST"
|
|
||||||
>
|
|
||||||
<input name="name" placeholder="Your name" required type="text" />
|
|
||||||
<input name="email" placeholder="Your email" required type="email" />
|
|
||||||
<textarea
|
|
||||||
cols="30"
|
|
||||||
name="message"
|
|
||||||
placeholder="Your message"
|
|
||||||
required
|
|
||||||
rows="10"
|
|
||||||
></textarea>
|
|
||||||
<div>
|
|
||||||
<button type="submit">Submit</button>
|
|
||||||
<div id="submission-status"></div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
Reference in New Issue
Block a user