diff --git a/_config.yml b/_config.yml index e9acf9b..10efff5 100644 --- a/_config.yml +++ b/_config.yml @@ -1,3 +1,4 @@ +# vim: set ts=2 sw=2 et tw=80: # Welcome to Jekyll! # # This config file is meant for settings that affect your whole blog, values @@ -7,14 +8,14 @@ # Site settings title: maggioni.xyz -email: claudio@maggioni.xyz -description: > # this means to ignore newlines until "baseurl:" - Eat polenta and do not counter-aim! +email: contact@maggioni.xyz +description: # this means to ignore newlines until "baseurl:" baseurl: "" # the subpath of your site, e.g. /blog url: "https://maggioni.xyz" # the base hostname & protocol for your site -github_username: praticamentetilde +github_username: maggicl future: true # Build settings markdown: kramdown collections: - - slides + portfolio: + output: true diff --git a/_layouts/portfolio.html b/_layouts/portfolio.html new file mode 100644 index 0000000..fb37193 --- /dev/null +++ b/_layouts/portfolio.html @@ -0,0 +1,45 @@ +--- +layout: main +--- + +
+
+
+
{{ page.date-start }} to {{ page.date-end }}
+
+ {% case page.category %} + {% when 'usi' %}University project + {% when 'high-school' %}High school project + {% when 'internship' %}Internship + {% endcase %} +
+
+ {{ page.languages }} +
+
+

Authors:

+
    +
  • Claudio Maggioni
    • + {% for author in page.authors %} +
  • {{ author }}
    • + {% endfor %} +
+
+
+ + {{ page.title }} +
+
+
+
+ {% for img in page.images %} + + + {% endfor %} +
+

{{ page.title }}

+

{{ page.description }}

+ {{ content }} +
+
+
diff --git a/_portfolio/scuolatest.md b/_portfolio/scuolatest.md new file mode 100644 index 0000000..3fea8cb --- /dev/null +++ b/_portfolio/scuolatest.md @@ -0,0 +1,26 @@ +--- +layout: portfolio +title: Scuolatest +date-start: 2017-09 +date-end: 2017-12 +category: high-school +languages: PHP (Symfony 3) + HTML/CSS/JS +images: + - scuolatest/benvenuto.png + - scuolatest/test-list.jpg + - scuolatest/test-matematica.png + - scuolatest/esito-matematica.png + - scuolatest/stats-matematica.png +authors: + - Davide Fiori + - Giorgio Croci +repo-type: gitlab +repo-url: https://gitlab.com/staccastacca/scuolatest +description: Self assessment quiz platform with integrated statistical review. +--- + +This project is a self-assessment tool intended for middle school students that wished to enroll in my high school. The website could be used by students (to take the test) and teachers (to review aggregated results in the tests, in order to tailor their curriculum. + +The project was developed using Symfony 3, JQuery and ChartJS. The CSS library used is Materialize. + +Credits to Davide Fiori and Giorgio Croci which helped me in building this application. diff --git a/_portfolio/smarthut.md b/_portfolio/smarthut.md new file mode 100644 index 0000000..a653c60 --- /dev/null +++ b/_portfolio/smarthut.md @@ -0,0 +1,25 @@ +--- +layout: portfolio +title: Smarthut +date-start: 2020-03 +date-end: 2020-06 +category: usi +languages: Spring + ReactJS +authors: + - Andrea Brites Marto + - Matteo Omenetti + - Jacob Salvi + - Tommaso Rodolfo Masera + - Nicola Brunner + - Filippo Cesana + - Christian Capeáns Pérez +images: + - smarthut/home-frontend.png +description:

Smart home manager for (mocked) smart devices, complete with user-definable rooms, presets, and events.

+--- + +This is a 3 month software engineering project part of the second year of USI's curriculum. As a team leader, I had to manage a team of 8 people to develop Smarthut, a full-stack Spring + ReactJS web application that manages smart devices. + +Smarthut is able to direcly control (mocked) smart devices, but it can also group devices in rooms, configure and apply pre-made settings to a group of devices, and trigger user-defined actions based on a user-defined condition on pre-selected devices. + +Smarthut's backend is a Spring REST application, complete with JWT sessions, CRUD APIs for the different types of device, and a WebSocket API that propagates device status updates. The frontend is a ReactJS application with Redux storage to handle active and passive device updates. diff --git a/_sass/_layout.scss b/_sass/_layout.scss index 905ead0..f75f7ba 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -124,11 +124,35 @@ ul.navbar-list { display: flex; align-items: flex-start; - > * { padding: .5rem; z-index: 200 } + .side > *, .description { padding: .5rem; z-index: 200 } - .year { - background: $nav-bg; - color: $nav-col; + .side { + width: 12rem; + min-width: 12rem; + display: flex; + flex-direction: column; + align-items: stretch; + text-align: right; + + .date { + background: $nav-bg; + color: $nav-col; + } + + .category, .authors, .repo, .languages { + background: white; + border-left: 3px solid $nav-bg; + border-bottom: 3px solid $nav-bg; + } + + .authors { + text-align: left; + + ul { + margin-left: 1rem; + list-style-type: square; + } + } } .description { diff --git a/images/portfolio/scuolatest/benvenuto.png b/images/portfolio/scuolatest/benvenuto.png new file mode 100644 index 0000000..9bf245e Binary files /dev/null and b/images/portfolio/scuolatest/benvenuto.png differ diff --git a/images/portfolio/scuolatest/esito-matematica.png b/images/portfolio/scuolatest/esito-matematica.png new file mode 100644 index 0000000..e924acf Binary files /dev/null and b/images/portfolio/scuolatest/esito-matematica.png differ diff --git a/images/portfolio/scuolatest/stats-matematica.png b/images/portfolio/scuolatest/stats-matematica.png new file mode 100644 index 0000000..ff03694 Binary files /dev/null and b/images/portfolio/scuolatest/stats-matematica.png differ diff --git a/images/portfolio/scuolatest/test-list.jpg b/images/portfolio/scuolatest/test-list.jpg new file mode 100644 index 0000000..45c670c Binary files /dev/null and b/images/portfolio/scuolatest/test-list.jpg differ diff --git a/images/portfolio/scuolatest/test-matematica.png b/images/portfolio/scuolatest/test-matematica.png new file mode 100644 index 0000000..33b259c Binary files /dev/null and b/images/portfolio/scuolatest/test-matematica.png differ diff --git a/images/smarthut.png b/images/portfolio/smarthut/home-frontend.png similarity index 100% rename from images/smarthut.png rename to images/portfolio/smarthut/home-frontend.png diff --git a/portfolio.html b/portfolio.html index b279c38..efb5a0e 100644 --- a/portfolio.html +++ b/portfolio.html @@ -8,71 +8,33 @@ permalink: /portfolio/
+{% for p in site.portfolio %}
-
- 2020-03 to 2020-06 +
+
{{ p.date-start }} to {{ p.date-end }}
+
+ {% case p.category %} + {% when 'usi' %}University project + {% when 'high-school' %}High school project + {% when 'internship' %}Internship + {% endcase %} +
+
+ {{ p.languages }} +
- - Smarthut homepage - - Smarthut homepage - - Smarthut homepage - - Smarthut homepage + {% for img in p.images %} + + + {% endfor %}
-

Smarthut

-

Work done during Software Atelier 4. The project is a smart - device control platform complete with devices clustering and trigger - logic.

-
-
-
-
- 2020-03 to 2020-06 -
-
-

Smarthut

-

Work done during Software Atelier 4. The project is a smart - device control platform complete with devices clustering and trigger - logic.

-
-
-
-
- 2020-03 to 2020-06 -
-
-

Smarthut

-

Work done during Software Atelier 4. The project is a smart - device control platform complete with devices clustering and trigger - logic.

-
-
-
-
- 2020-03 to 2020-06 -
-
-

Smarthut

-

Work done during Software Atelier 4. The project is a smart - device control platform complete with devices clustering and trigger - logic.

-
-
-
-
- 2020-03 to 2020-06 -
-
-

Smarthut

-

Work done during Software Atelier 4. The project is a smart - device control platform complete with devices clustering and trigger - logic.

+

{{ p.title }}

+ {{ p.description }}
+{% endfor %} {% comment %}