Compare commits

..

9 commits
main ... public

Author SHA1 Message Date
forgejo-actions
9ff861cedf generated 2024-06-20 11:52:48 +00:00
forgejo-actions
9efa9e8fcf generated 2024-06-20 10:40:45 +00:00
forgejo-actions
cdb9b13347 generated 2024-06-20 09:28:25 +00:00
forgejo-actions
87328c9a94 generated 2024-06-20 08:18:41 +00:00
forgejo-actions
2489bc68a2 generated 2024-06-19 22:06:48 +00:00
forgejo-actions
b72be91a7b generated 2024-06-19 21:59:21 +00:00
forgejo-actions
48b1d57d3a generated 2024-06-19 21:50:32 +00:00
forgejo-actions
30a36ff490 generated 2024-01-30 20:02:39 +00:00
forgejo-actions
3cfecd8b2e generated 2024-01-30 19:54:47 +00:00
401 changed files with 1610 additions and 327 deletions

View file

@ -1,4 +1,3 @@
melissasarria.com
melissasarria.site
www.melissasarria.site
melicita.nutfactory.page

View file

@ -1,61 +0,0 @@
name: build-to-pages
on: [push]
branches: [main]
jobs:
build:
runs-on: docker
container:
image: node:latest
env:
HUGO_VERSION: 0.115.4
steps:
- name: Install Hugo CLI
run: |
wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \
&& dpkg -i ${{ runner.temp }}/hugo.deb
- name: Install Dart Sass
run: npm i -g sass
- uses: actions/checkout@v4
with:
submodules: recursive
- name: Build with hugo
env:
# For maximum backward compatibility with Hugo modules
HUGO_ENVIRONMENT: production
HUGO_ENV: production
run: hugo --minify
- name: Optimize images
shell: bash
run: |
./themes/vitrine/assets/build/images.sh
- name: Zip output
run: apt update && apt install zip -y && zip -r public.zip public/
- uses: actions/upload-artifact@v3
with:
name: hugo-output
path: ./public.zip
if-no-files-found: error
retention-days: 1
push:
runs-on: docker
container:
image: node:latest
steps:
- uses: actions/checkout@v4
with:
ref: public
- name: Clean current files in directory
run: rm -rf *
- uses: actions/download-artifact@v3
with:
name: hugo-output
- name: Unzip hugo output
shell: bash
run: apt update && apt install unzip -y && unzip public.zip -d . && shopt -s dotglob && mv ./public/* ./
- name: Publish
run: |
git config user.name "forgejo-actions"
git config user.email ""
git add .
git commit -m "generated"
git push

3
.gitmodules vendored
View file

@ -1,3 +0,0 @@
[submodule "themes/vitrine"]
path = themes/vitrine
url = https://code.nutfactory.org/themes/vitrine

View file

@ -1,2 +0,0 @@
# website

View file

@ -1,6 +0,0 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

Binary file not shown.

Before

Width:  |  Height:  |  Size: 187 KiB

1
categories/index.html Normal file
View file

@ -0,0 +1 @@
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Categories"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/categories/"><title>Categories</title><link rel=stylesheet href=/css/main.min.0f85edd55584a5f72b3f9e2b56177162130f79f6c88a4ccc25b3d1bc96743ebd.css integrity="sha256-D4Xt1VWEpfcrP54rVhdxYhMPefbIikzMJbPRvJZ0Pr0=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Categories</h1></div></article></main><footer></footer></body></html>

1
categories/index.xml Normal file
View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on UX Portfolio</title><link>https://melissasarria.site/categories/</link><description>Recent content in Categories on UX Portfolio</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><atom:link href="https://melissasarria.site/categories/index.xml" rel="self" type="application/rss+xml"/></channel></rss>

View file

@ -1,18 +0,0 @@
theme: vitrine
baseURL: https://melissasarria.site/
languageCode: en-us
title: UX Portfolio
enableEmoji: true
enableRobotsTXT: true
markup:
tableOfContents:
endLevel: 3
ordered: false
startLevel: 1
params:
color:
primary: "#04BFAD"
secondary: "#CB9148"

View file

@ -1,13 +0,0 @@
---
title: Hi, I'm Melissa
image:
url: images/avatar.jpg
alt: Avatar
social:
- type: linkedin
rel: nofollow
url: https://www.linkedin.com/in/melissa-sarria/
- type: at
url: mailto:melissa.andrea94@hotmail.es
---
I'm a Psychologist, Msc. in Cognitive Scientist and a Certified UX Designer. I am passionate about human behavior and aesthetic design. I am a curious person and always enjoy being challenged by new perspectives and situations. I consider myself a critical thinker and an open-minded person who is always willing to grow and learn. I am interested in understanding peoples experiences and finding creative solutions to their needs. Social responsibility is important to me, so I always try to do good for people and society.

View file

@ -1,22 +0,0 @@
---
title: CV
nav: true
---
## Beruflicher Werdegang
2023 Wissenchafliche Hilskraft (Neurobiopsychologie) Universität Osnabrück / Osnabrück
2023 Wissenchafliche Hilskraft (Vergleichende Kognitionsbiologie) Universität Osnabrück / Osnabrück
2020 - 2021 Forschungspraktikantin LobVR / Osnabrück
## Aus- und Weiterbildungen
2024 Certified User Experience Designer XDi- Experience Design Institut
2023 Digital Product Design: UX Research & UI Design Udemy
2019-2022 M.sc. Cognitive Science Universität Osnabrück / Osnabrück Schwerpunkte: Kognitive Psychologie und Computerlinguitik Thesenthema: A graph approach for the identification of exploratory and exploitative navigational strategies in a Virtual Reality city exploration. Ausgezeichnet mit dem Förderpreis der Universität Osnabrück 2022/2023 gestiftet durch die ROSEN Gruppe
2013- 2017 Studium zur Psychologin Pontificia Universidad Javeriana / Bogotá, Kolumbien

View file

@ -1,5 +0,0 @@
---
title: Blog
draft: true
nav: true
---

View file

@ -1,195 +0,0 @@
---
title: Design of a responsive Website for a major German city
date: 2024-03-31
tags: [UX Research, Web Design, Product Strategy]
image:
url: images/projects/smartberg/image.png
alt: Cover Image
overview: As part of my UX training "Certified UX-Designer", I designed a responsive Website for Smartberg, a major German city. The project goal was to create a barrier-free, user interface, that equally well adapts to the needs of the city's heterogeneous target group. Such a group comprises people from all age ranges and includes Smartberg's citizens, students, tourists and employees of the city administration. Moreover, this project included the development of the city's visual identity, which stands from the intersection of history, cultural traditions, modernity and an ecologically oriented Smart City, with digital administration.
---
# Problem statement
Given the many, and sometimes contradictory sources of information that exist today, **it isn't easy to find reliable information**. Moreover, busy lives, make it **harder to be updated about what is going on in the city**, and given the prevalence of the internet, information needs to be shared online to reach most people. Further, the heavy workload faced by city workers requires solutions that make procedures faster and smoother both for city hall workers and citizens.
# Solution proposal
A responsive Website that **unifies and offers trustworthy information and services** to citizens and visitors of the city. Additionally, a **mobile App for citizens,** that allows them to **easily handle their city hall procedures** and stay **updated and reminded of events** of interest in the city.
This solution needs to be equally well accessible from any device and stick to conventional functions and interactions, given the heterogeneity of the city's target group.
## Understand
### Project goals
As stated, the project brief consisted of the design of a responsive Website for Smartberg, which needs to adapt and help solve the needs of the different target groups of the city. From a stakeholder perspective, the goals that want to be achieved, based on each target group, are:
**Citizens of Smartberg**
+ Use citizen services, information and forms for administrative matters.
+ Use information services about all happenings and events in the city.
+ Community building - establishment of a city community for the exchange of citizens.
+ Involve citizens in decision-making processes (open democracy).
**Students**
+ Student offers and accommodation services.
+ Use cultural offerings (concerts, theatre, cinema, readings...).
+ Enjoy nightlife (parties, clubs, concerts).
+ Take advantage of culinary offers (restaurants, bars, pubs, cafés ...).
**Tourists**
+ Visit places of interest and cultural institutions.
+ Book accommodation (hotels, guesthouses, flats...).
+ Take advantage of cultural offerings (concerts, theatre, cinema, readings...).
+ Visit restaurants, bars, pubs and cafés.
**Employees of the city administration**
+ Relieve the city administration through online citizen services.
+ Increase attractiveness through tourist offers and hospitality services.
+ Provision of educational and cultural offers.
+ Connection and integration of social media offerings.
### User Research
As part of Smartberg's attempt to become an attractive city brand for tourists, it was thought to expand the city website into a **service platform**. Thus, I conducted a user interview to develop content and service ideas for tourists, based on their **needs before and during a visit to Smartberg.**
Firstly, I considered Germany´s "Sinus-Milieus" classification (groups of like-minded people within a population with a similar outlook on life and values). And within this classification, the **"socio-ecological milieu" group segment**. The purpose of this was having a general understanding of the mindset and motivations that might move Smartberg's target group of tourists (sustainability and culture seekers).
Further, I stated the research goals and formulated the main questions for a **user interview.**
#### Research goals and questionnaire
- What information is important for users (tourists) to have access to?
- Which values influence their travel behaviour?
- Which services and content would they like to have access to?
- What makes them choose a destination over others?
- What problems do they face when travelling that could be solved by the website?
**Q1** What aspects are important to you when choosing a holiday destination?
(e.g. entertainment, safety, price, nature, accessibility).
**Q2** What makes a good travel destination for you? What is your idea of a good holiday destination?
**Q3** Are there certain activities that you like to do when travelling? Which ones?
**Q4** Do you inform yourself about your destination before travelling? How do you find out about your destination before/during your trip? (activities, events, where to eat, transport)
**Q5** What information would you like to know about your destination before travelling?
**Q6** Do you regularly use any services/apps when travelling? (e.g. Google Maps, Vegan Cow, All Trails, tourist information)? Which ones?
#### Empathy map
After delving into the *socio-ecological milieu*, and conducting a one-person interview, I condensed the information into an empathy map to gain more insight into the user attitudes and experiences on travelling. The particular emphasis here was on understanding **what circumstances might affect the person emotionally** and **what social influences they are exposed to.**
![Empathy Map](images/projects/smartberg/empathy_map.png)
#### User persona
I translated insights from the empathy map into a user persona, to have a more complete reference of the **user's mindset and attitudes**, to guide future design decisions.
![User Persona](images/projects/smartberg/user_persona.png)
#### Customer Journey
Based on the user research, I created a Customer Journey to understand the whole process a user might go through while interacting with the Smartberg brand. The main purpose was to **identify possible obstacles (annoyances)** the user might face and the **resulting opportunities (potentials) to improve their overall experience.**
![Customer Journey](images/projects/smartberg/customer_journey.jpg)
#### User Scenario, Use Cases and User Stories
As part of the development of the tourist offers section of Smartberg, I conceived a user scenario to analyse possible processes and paths, the user might go through. This scenario displays the process of visiting Smartberg's website to find out ideas for family trips until the booking of an activity.
![User Scenario](images/projects/smartberg/user_scenario.png)
#### Usability testing
For the tourist section of the Smartberg website, is planned to include a section showcasing popular excursion destinations and attractions. To gain an **understanding of the use of comparable websites**, I carried out a usability test using the Think Out Loud method on "Freiburg's top 10 sights". The main goal was to identify usability successes, shortcomings and potentials, that can be implemented in the Smartberg website.
![Usability Testing](images/projects/smartberg/usability_testing.png)
#### Swot Analyze
I further did a competitive analysis to concretize the strengths and weaknesses of potential competitors (Freiburg).
![Swot Analyze](images/projects/smartberg/swot_analyze.png)
#### Value Proposition
One of the project's goals is to enhance the quality of life of Smartberg's citizens by facilitating city hall procedures. Hence, I developed a value proposition, which takes some of the **citizens' tasks/activities** and traces a proposal of **how the product can bring value to the citizen**, based on their needs.
![VPC](images/projects/smartberg/VPC.png)
## Ideation
### Story Card
I wrote down a Story Card for applying for a new passport on the Smartberg website. The purpose of this is to **identify the problems that need to be solved and the solutions that will best meet citizens' needs** while prioritizing the features to be developed.
![Story Cards](images/projects/smartberg/story_cards.png)
![User Story](images/projects/smartberg/user_story.png)
### Card Sorting
I wrote down all the content ideas for the Smartberg website and conducted the Card Sorting method with one person. The Card Sorting showed how current category labels (names) were understood, and which contents were thought as belonging to the same category, and therefore expected to be found under the same section. All in all, this allowed **setting category names, spotting redundant content and finding the most appropriate content structure for the website.**
![Card Sorting](images/projects/smartberg/card_sorting.png)
### User Flow
To better understand how users move through the Smartberg website, I created a user flow that shows possible paths from the homepage to booking a theatre show. This user flow allows for a visual reference to the **possible steps and paths the user can take**, and thus the **identification of steps that can be optimised for the user to reach their goal more easily.**
![User Flow](images/projects/smartberg/user_flow.png)
## Design
### Sketch
Through sketches, I created an initial concept for individual screens that display the user flow (homepage--> booking a theatre show) described above.
![Sketch](images/projects/smartberg/sketch.jpeg)
### Wireframe
***Website, desktop version***
I developed wireframes displaying the individual screen sequence for the theatre booking user flow.
![Wireframe 1](images/projects/smartberg/wireframe1.png)
![Wireframe 2](images/projects/smartberg/wireframe2.png)
***Website, mobile version-Homepage***
![Homepage.png](images/projects/smartberg/Homepage.png)
***Smartberg's App***
I conceptualized a mobile App in addition to the responsive website. The app is aimed exclusively at the town's citizens. The focus is on citizen services, catering and cultural offers. Here, I designed the mobile app process for registering a car with a preferred licence plate number.
![App 1](images/projects/smartberg/app1.png)
![App 2](images/projects/smartberg/app2.png)
### Hi-Fi Prototype
Based on the user research and previous UX analyses, I created a high fidelity prototype, which corresponds to the MVP (Minimum Viable Product) for Smartberg's website. The visual design emphasizes culture and tradition. The UI builds on the city's look, by taking the color palette from the city's arquitecture and opting a more traditional-looking font.
![Prototype 1](images/projects/smartberg/prototype1.png)
![Prototype 2](images/projects/smartberg/prototype2.png)
### Style guide
Lastly, I condensed the website's visual elements into a small style-guide, which serves as a reference for the creation of future cohesive designs for the city.
![Styleguide 1](images/projects/smartberg/styleguide1.png)
![Styleguide 2](images/projects/smartberg/styleguide2.png)
![Styleguide 3](images/projects/smartberg/styleguide3.png)

File diff suppressed because one or more lines are too long

6
cv/index.html Normal file
View file

@ -0,0 +1,6 @@
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="CV"><meta property="og:description" content="Beruflicher Werdegang 2023 Wissenchafliche Hilskraft (Neurobiopsychologie) Universität Osnabrück / Osnabrück
2023 Wissenchafliche Hilskraft (Vergleichende Kognitionsbiologie) Universität Osnabrück / Osnabrück
2020 - 2021 Forschungspraktikantin LobVR / Osnabrück
Aus- und Weiterbildungen 2024 Certified User Experience Designer XDi- Experience Design Institut
2023 Digital Product Design: UX Research & UI Design Udemy
2019-2022 M.sc. Cognitive Science Universität Osnabrück / Osnabrück Schwerpunkte: Kognitive Psychologie und Computerlinguitik Thesenthema: A graph approach for the identification of exploratory and exploitative navigational strategies in a Virtual Reality city exploration."><meta property="og:type" content="article"><meta property="og:url" content="https://melissasarria.site/cv/"><meta property="article:section" content><title>CV</title><link rel=stylesheet href=/css/main.min.0f85edd55584a5f72b3f9e2b56177162130f79f6c88a4ccc25b3d1bc96743ebd.css integrity="sha256-D4Xt1VWEpfcrP54rVhdxYhMPefbIikzMJbPRvJZ0Pr0=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>CV</h1></div><h2 id=beruflicher-werdegang>Beruflicher Werdegang</h2><p>2023 Wissenchafliche Hilskraft (Neurobiopsychologie) Universität Osnabrück / Osnabrück</p><p>2023 Wissenchafliche Hilskraft (Vergleichende Kognitionsbiologie) Universität Osnabrück / Osnabrück</p><p>2020 - 2021 Forschungspraktikantin LobVR / Osnabrück</p><h2 id=aus--und-weiterbildungen>Aus- und Weiterbildungen</h2><p>2024 Certified User Experience Designer XDi- Experience Design Institut</p><p>2023 Digital Product Design: UX Research & UI Design Udemy</p><p>2019-2022 M.sc. Cognitive Science Universität Osnabrück / Osnabrück Schwerpunkte: Kognitive Psychologie und Computerlinguitik Thesenthema: A graph approach for the identification of exploratory and exploitative navigational strategies in a Virtual Reality city exploration. Ausgezeichnet mit dem Förderpreis der Universität Osnabrück 2022/2023 gestiftet durch die ROSEN Gruppe</p><p>2013- 2017 Studium zur Psychologin Pontificia Universidad Javeriana / Bogotá, Kolumbien</p></article></main><footer></footer></body></html>

957
icons/fontawesome.css vendored Normal file
View file

@ -0,0 +1,957 @@
@font-face {
font-family: 'fontawesome';
src: url('fontawesome.eot?80pvic');
src: url('fontawesome.eot?80pvic#iefix') format('embedded-opentype'),
url('fontawesome.ttf?80pvic') format('truetype'),
url('fontawesome.woff?80pvic') format('woff'),
url('fontawesome.svg?80pvic#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'fontawesome' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-store-alt-slash:before {
content: "\e070";
}
.icon-store-slash:before {
content: "\e071";
}
.icon-glass-martini:before {
content: "\f000";
}
.icon-music:before {
content: "\f001";
}
.icon-search:before {
content: "\f002";
}
.icon-heart:before {
content: "\f004";
}
.icon-star:before {
content: "\f005";
}
.icon-user:before {
content: "\f007";
}
.icon-film:before {
content: "\f008";
}
.icon-th-large:before {
content: "\f009";
}
.icon-th:before {
content: "\f00a";
}
.icon-th-list:before {
content: "\f00b";
}
.icon-check:before {
content: "\f00c";
}
.icon-times:before {
content: "\f00d";
}
.icon-search-plus:before {
content: "\f00e";
}
.icon-search-minus:before {
content: "\f010";
}
.icon-power-off:before {
content: "\f011";
}
.icon-signal:before {
content: "\f012";
}
.icon-cog:before {
content: "\f013";
}
.icon-home:before {
content: "\f015";
}
.icon-clock:before {
content: "\f017";
}
.icon-road:before {
content: "\f018";
}
.icon-download:before {
content: "\f019";
}
.icon-inbox:before {
content: "\f01c";
}
.icon-redo:before {
content: "\f01e";
}
.icon-sync:before {
content: "\f021";
}
.icon-list-alt:before {
content: "\f022";
}
.icon-lock:before {
content: "\f023";
}
.icon-flag:before {
content: "\f024";
}
.icon-headphones:before {
content: "\f025";
}
.icon-volume-off:before {
content: "\f026";
}
.icon-volume-down:before {
content: "\f027";
}
.icon-volume-up:before {
content: "\f028";
}
.icon-qrcode:before {
content: "\f029";
}
.icon-barcode:before {
content: "\f02a";
}
.icon-tag:before {
content: "\f02b";
}
.icon-tags:before {
content: "\f02c";
}
.icon-book:before {
content: "\f02d";
}
.icon-bookmark:before {
content: "\f02e";
}
.icon-print:before {
content: "\f02f";
}
.icon-camera:before {
content: "\f030";
}
.icon-video:before {
content: "\f03d";
}
.icon-image:before {
content: "\f03e";
}
.icon-map-marker:before {
content: "\f041";
}
.icon-adjust:before {
content: "\f042";
}
.icon-tint:before {
content: "\f043";
}
.icon-edit:before {
content: "\f044";
}
.icon-plus-circle:before {
content: "\f055";
}
.icon-minus-circle:before {
content: "\f056";
}
.icon-times-circle:before {
content: "\f057";
}
.icon-check-circle:before {
content: "\f058";
}
.icon-arrow-left:before {
content: "\f060";
}
.icon-arrow-right:before {
content: "\f061";
}
.icon-arrow-up:before {
content: "\f062";
}
.icon-arrow-down:before {
content: "\f063";
}
.icon-share:before {
content: "\f064";
}
.icon-expand:before {
content: "\f065";
}
.icon-compress:before {
content: "\f066";
}
.icon-plus:before {
content: "\f067";
}
.icon-minus:before {
content: "\f068";
}
.icon-asterisk:before {
content: "\f069";
}
.icon-exclamation-circle:before {
content: "\f06a";
}
.icon-gift:before {
content: "\f06b";
}
.icon-leaf:before {
content: "\f06c";
}
.icon-eye:before {
content: "\f06e";
}
.icon-eye-slash:before {
content: "\f070";
}
.icon-exclamation-triangle:before {
content: "\f071";
}
.icon-calendar-alt:before {
content: "\f073";
}
.icon-retweet:before {
content: "\f079";
}
.icon-shopping-cart:before {
content: "\f07a";
}
.icon-folder:before {
content: "\f07b";
}
.icon-folder-open:before {
content: "\f07c";
}
.icon-chart-bar:before {
content: "\f080";
}
.icon-credit-card:before {
content: "\f09d";
}
.icon-rss:before {
content: "\f09e";
}
.icon-bullhorn:before {
content: "\f0a1";
}
.icon-arrow-circle-left:before {
content: "\f0a8";
}
.icon-arrow-circle-right:before {
content: "\f0a9";
}
.icon-arrow-circle-up:before {
content: "\f0aa";
}
.icon-arrow-circle-down:before {
content: "\f0ab";
}
.icon-globe:before {
content: "\f0ac";
}
.icon-wrench:before {
content: "\f0ad";
}
.icon-tasks:before {
content: "\f0ae";
}
.icon-filter:before {
content: "\f0b0";
}
.icon-arrows-alt:before {
content: "\f0b2";
}
.icon-users:before {
content: "\f0c0";
}
.icon-link:before {
content: "\f0c1";
}
.icon-cloud:before {
content: "\f0c2";
}
.icon-flask:before {
content: "\f0c3";
}
.icon-paperclip:before {
content: "\f0c6";
}
.icon-save:before {
content: "\f0c7";
}
.icon-magic:before {
content: "\f0d0";
}
.icon-truck:before {
content: "\f0d1";
}
.icon-money-bill:before {
content: "\f0d6";
}
.icon-caret-down:before {
content: "\f0d7";
}
.icon-caret-up:before {
content: "\f0d8";
}
.icon-caret-left:before {
content: "\f0d9";
}
.icon-caret-right:before {
content: "\f0da";
}
.icon-columns:before {
content: "\f0db";
}
.icon-sort:before {
content: "\f0dc";
}
.icon-sort-down:before {
content: "\f0dd";
}
.icon-sort-up:before {
content: "\f0de";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-undo:before {
content: "\f0e2";
}
.icon-bolt:before {
content: "\f0e7";
}
.icon-umbrella:before {
content: "\f0e9";
}
.icon-lightbulb:before {
content: "\f0eb";
}
.icon-bell:before {
content: "\f0f3";
}
.icon-coffee:before {
content: "\f0f4";
}
.icon-angle-double-left:before {
content: "\f100";
}
.icon-angle-double-right:before {
content: "\f101";
}
.icon-angle-double-up:before {
content: "\f102";
}
.icon-angle-double-down:before {
content: "\f103";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-desktop:before {
content: "\f108";
}
.icon-laptop:before {
content: "\f109";
}
.icon-tablet:before {
content: "\f10a";
}
.icon-mobile:before {
content: "\f10b";
}
.icon-quote-left:before {
content: "\f10d";
}
.icon-quote-right:before {
content: "\f10e";
}
.icon-smile:before {
content: "\f118";
}
.icon-frown:before {
content: "\f119";
}
.icon-meh:before {
content: "\f11a";
}
.icon-terminal:before {
content: "\f120";
}
.icon-code:before {
content: "\f121";
}
.icon-question:before {
content: "\f128";
}
.icon-info:before {
content: "\f129";
}
.icon-exclamation:before {
content: "\f12a";
}
.icon-anchor:before {
content: "\f13d";
}
.icon-unlock-alt:before {
content: "\f13e";
}
.icon-ellipsis-h:before {
content: "\f141";
}
.icon-ellipsis-v:before {
content: "\f142";
}
.icon-compass:before {
content: "\f14e";
}
.icon-file:before {
content: "\f15b";
}
.icon-file-alt:before {
content: "\f15c";
}
.icon-thumbs-up:before {
content: "\f164";
}
.icon-thumbs-down:before {
content: "\f165";
}
.icon-female:before {
content: "\f182";
}
.icon-male:before {
content: "\f183";
}
.icon-bug:before {
content: "\f188";
}
.icon-university:before {
content: "\f19c";
}
.icon-building:before {
content: "\f1ad";
}
.icon-child:before {
content: "\f1ae";
}
.icon-car:before {
content: "\f1b9";
}
.icon-taxi:before {
content: "\f1ba";
}
.icon-database:before {
content: "\f1c0";
}
.icon-file-pdf:before {
content: "\f1c1";
}
.icon-file-word:before {
content: "\f1c2";
}
.icon-file-excel:before {
content: "\f1c3";
}
.icon-file-powerpoint:before {
content: "\f1c4";
}
.icon-file-image:before {
content: "\f1c5";
}
.icon-file-archive:before {
content: "\f1c6";
}
.icon-file-audio:before {
content: "\f1c7";
}
.icon-file-video:before {
content: "\f1c8";
}
.icon-file-code:before {
content: "\f1c9";
}
.icon-paper-plane:before {
content: "\f1d8";
}
.icon-sliders-h:before {
content: "\f1de";
}
.icon-share-alt:before {
content: "\f1e0";
}
.icon-wifi:before {
content: "\f1eb";
}
.icon-bell-slash:before {
content: "\f1f6";
}
.icon-trash:before {
content: "\f1f8";
}
.icon-at:before {
content: "\f1fa";
}
.icon-chart-area:before {
content: "\f1fe";
}
.icon-chart-pie:before {
content: "\f200";
}
.icon-chart-line:before {
content: "\f201";
}
.icon-toggle-off:before {
content: "\f204";
}
.icon-toggle-on:before {
content: "\f205";
}
.icon-closed-captioning:before {
content: "\f20a";
}
.icon-cart-plus:before {
content: "\f217";
}
.icon-cart-arrow-down:before {
content: "\f218";
}
.icon-sticky-note:before {
content: "\f249";
}
.icon-clone:before {
content: "\f24d";
}
.icon-hourglass-start:before {
content: "\f251";
}
.icon-hourglass-half:before {
content: "\f252";
}
.icon-hourglass-end:before {
content: "\f253";
}
.icon-hourglass:before {
content: "\f254";
}
.icon-tv:before {
content: "\f26c";
}
.icon-industry:before {
content: "\f275";
}
.icon-map-signs:before {
content: "\f277";
}
.icon-map:before {
content: "\f279";
}
.icon-shopping-bag:before {
content: "\f290";
}
.icon-shopping-basket:before {
content: "\f291";
}
.icon-universal-access:before {
content: "\f29a";
}
.icon-blind:before {
content: "\f29d";
}
.icon-handshake:before {
content: "\f2b5";
}
.icon-address-book:before {
content: "\f2b9";
}
.icon-address-card:before {
content: "\f2bb";
}
.icon-user-circle:before {
content: "\f2bd";
}
.icon-id-badge:before {
content: "\f2c1";
}
.icon-id-card:before {
content: "\f2c2";
}
.icon-podcast:before {
content: "\f2ce";
}
.icon-snowflake:before {
content: "\f2dc";
}
.icon-undo-alt:before {
content: "\f2ea";
}
.icon-trash-alt:before {
content: "\f2ed";
}
.icon-sync-alt:before {
content: "\f2f1";
}
.icon-sign-out-alt:before {
content: "\f2f5";
}
.icon-sign-in-alt:before {
content: "\f2f6";
}
.icon-redo-alt:before {
content: "\f2f9";
}
.icon-map-marker-alt:before {
content: "\f3c5";
}
.icon-microphone-alt:before {
content: "\f3c9";
}
.icon-shield-alt:before {
content: "\f3ed";
}
.icon-user-alt:before {
content: "\f406";
}
.icon-box:before {
content: "\f466";
}
.icon-clipboard-check:before {
content: "\f46c";
}
.icon-clipboard-list:before {
content: "\f46d";
}
.icon-comment-dots:before {
content: "\f4ad";
}
.icon-dove:before {
content: "\f4ba";
}
.icon-hand-holding:before {
content: "\f4bd";
}
.icon-piggy-bank:before {
content: "\f4d3";
}
.icon-seedling:before {
content: "\f4d8";
}
.icon-user-alt-slash:before {
content: "\f4fa";
}
.icon-user-astronaut:before {
content: "\f4fb";
}
.icon-user-check:before {
content: "\f4fc";
}
.icon-user-clock:before {
content: "\f4fd";
}
.icon-user-cog:before {
content: "\f4fe";
}
.icon-user-edit:before {
content: "\f4ff";
}
.icon-user-friends:before {
content: "\f500";
}
.icon-user-graduate:before {
content: "\f501";
}
.icon-user-lock:before {
content: "\f502";
}
.icon-user-minus:before {
content: "\f503";
}
.icon-user-ninja:before {
content: "\f504";
}
.icon-user-shield:before {
content: "\f505";
}
.icon-user-slash:before {
content: "\f506";
}
.icon-user-tag:before {
content: "\f507";
}
.icon-user-tie:before {
content: "\f508";
}
.icon-users-cog:before {
content: "\f509";
}
.icon-glasses:before {
content: "\f530";
}
.icon-palette:before {
content: "\f53f";
}
.icon-robot:before {
content: "\f544";
}
.icon-store:before {
content: "\f54e";
}
.icon-store-alt:before {
content: "\f54f";
}
.icon-atlas:before {
content: "\f558";
}
.icon-backspace:before {
content: "\f55a";
}
.icon-fingerprint:before {
content: "\f577";
}
.icon-globe-americas:before {
content: "\f57d";
}
.icon-headphones-alt:before {
content: "\f58f";
}
.icon-map-marked-alt:before {
content: "\f5a0";
}
.icon-paint-roller:before {
content: "\f5aa";
}
.icon-pen-fancy:before {
content: "\f5ac";
}
.icon-signature:before {
content: "\f5b7";
}
.icon-poop:before {
content: "\f619";
}
.icon-ad:before {
content: "\f641";
}
.icon-file-csv:before {
content: "\f6dd";
}
.icon-mask:before {
content: "\f6fa";
}
.icon-spider:before {
content: "\f717";
}
.icon-tractor:before {
content: "\f722";
}
.icon-calendar-day:before {
content: "\f783";
}
.icon-carrot:before {
content: "\f787";
}
.icon-guitar:before {
content: "\f7a6";
}
.icon-mug-hot:before {
content: "\f7b6";
}
.icon-hamburger:before {
content: "\f805";
}
.icon-hotdog:before {
content: "\f80f";
}
.icon-pepper-hot:before {
content: "\f816";
}
.icon-hat-cowboy:before {
content: "\f8c0";
}
.icon-mouse:before {
content: "\f8cc";
}
.icon-unity:before {
content: "\e049";
}
.icon-shopify:before {
content: "\e057";
}
.icon-rust:before {
content: "\e07a";
}
.icon-tiktok:before {
content: "\e07b";
}
.icon-linkedin:before {
content: "\f08c";
}
.icon-twitter:before {
content: "\f099";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-github:before {
content: "\f09b";
}
.icon-pinterest:before {
content: "\f0d2";
}
.icon-youtube:before {
content: "\f167";
}
.icon-stack-overflow:before {
content: "\f16c";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-apple:before {
content: "\f179";
}
.icon-windows:before {
content: "\f17a";
}
.icon-android:before {
content: "\f17b";
}
.icon-linux:before {
content: "\f17c";
}
.icon-skype:before {
content: "\f17e";
}
.icon-trello:before {
content: "\f181";
}
.icon-slack:before {
content: "\f198";
}
.icon-reddit:before {
content: "\f1a1";
}
.icon-steam:before {
content: "\f1b6";
}
.icon-spotify:before {
content: "\f1bc";
}
.icon-twitch:before {
content: "\f1e8";
}
.icon-paypal:before {
content: "\f1ed";
}
.icon-cc-visa:before {
content: "\f1f0";
}
.icon-cc-mastercard:before {
content: "\f1f1";
}
.icon-lastfm:before {
content: "\f202";
}
.icon-whatsapp:before {
content: "\f232";
}
.icon-get-pocket:before {
content: "\f265";
}
.icon-amazon:before {
content: "\f270";
}
.icon-gitlab:before {
content: "\f296";
}
.icon-snapchat:before {
content: "\f2ab";
}
.icon-telegram:before {
content: "\f2c6";
}
.icon-meetup:before {
content: "\f2e0";
}
.icon-audible:before {
content: "\f373";
}
.icon-aws:before {
content: "\f375";
}
.icon-discord:before {
content: "\f392";
}
.icon-docker:before {
content: "\f395";
}
.icon-google-drive:before {
content: "\f3aa";
}
.icon-google-play:before {
content: "\f3ab";
}
.icon-hubspot:before {
content: "\f3b2";
}
.icon-kickstarter-k:before {
content: "\f3bc";
}
.icon-npm:before {
content: "\f3d4";
}
.icon-patreon:before {
content: "\f3d9";
}
.icon-playstation:before {
content: "\f3df";
}
.icon-python:before {
content: "\f3e2";
}
.icon-rocketchat:before {
content: "\f3e8";
}
.icon-steam-symbol:before {
content: "\f3f6";
}
.icon-apple-pay:before {
content: "\f415";
}
.icon-amazon-pay:before {
content: "\f42c";
}
.icon-mastodon:before {
content: "\f4f6";
}
.icon-git-alt:before {
content: "\f841";
}

BIN
icons/fontawesome.eot Normal file

Binary file not shown.

320
icons/fontawesome.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 224 KiB

BIN
icons/fontawesome.ttf Normal file

Binary file not shown.

BIN
icons/fontawesome.woff Normal file

Binary file not shown.

BIN
images/avatar-1280.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 401 KiB

BIN
images/avatar-1280.jpg.avif Normal file

Binary file not shown.

BIN
images/avatar-1280.jpg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

BIN
images/avatar-320.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

BIN
images/avatar-320.jpg.avif Normal file

Binary file not shown.

BIN
images/avatar-320.jpg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
images/avatar-640.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 254 KiB

BIN
images/avatar-640.jpg.avif Normal file

Binary file not shown.

BIN
images/avatar-640.jpg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
images/avatar-960.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 401 KiB

BIN
images/avatar-960.jpg.avif Normal file

Binary file not shown.

BIN
images/avatar-960.jpg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

View file

Before

Width:  |  Height:  |  Size: 372 KiB

After

Width:  |  Height:  |  Size: 372 KiB

BIN
images/avatar.jpg.avif Normal file

Binary file not shown.

BIN
images/avatar.jpg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

View file

Before

Width:  |  Height:  |  Size: 125 KiB

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 263 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View file

Before

Width:  |  Height:  |  Size: 332 KiB

After

Width:  |  Height:  |  Size: 332 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

View file

Before

Width:  |  Height:  |  Size: 148 KiB

After

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View file

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Some files were not shown because too many files have changed in this diff Show more