-
used on
+ 
used on
_The Coders Bay_ can be donwloaded
- [here](/assets/img/content/002/cb-emoticons.zip).
+ [here](/img/blog/unfair-gamers/cb-emoticons.zip).
- I was going to release one last bot for Metin2, but my testing account was
- banned in the process, after passing undetected for years. I was tired and
- didn't want to create a new one. 🪦
+ banned in the process, after passing undetected for years. I was too tired to
+ create a new one. 🪦
+
+## Meeting
+
+In December 2019, a few of us were able to meet in person in Milan.
+
+
+ 
+
+
- 
-
+
-
-
-
+ {title}
+
+
- - - - - + ) + } +
+ Last updated on
-
- - - - - - + ) + } +
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/layouts/Note.astro b/src/layouts/Note.astro
new file mode 100644
index 0000000..aec5047
--- /dev/null
+++ b/src/layouts/Note.astro
@@ -0,0 +1,14 @@
+---
+import BasePage from './BasePage.astro';
+
+import type { CollectionEntry } from 'astro:content';
+
+type Props = CollectionEntry<'notes'>['data'];
+const { title } = Astro.props;
+---
+
+
-
- -
- {
- snippets.map(({ url, frontmatter }) => (
-
- - {frontmatter.title} - - )) - } -
-
-
-
- {title}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/layouts/Software.astro b/src/layouts/Software.astro
new file mode 100644
index 0000000..e7621c6
--- /dev/null
+++ b/src/layouts/Software.astro
@@ -0,0 +1,14 @@
+---
+import BasePage from './BasePage.astro';
+
+import type { CollectionEntry } from 'astro:content';
+
+type Props = CollectionEntry<'software'>['data'];
+const { title, description } = Astro.props;
+---
+
+{title}
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/pages/b/[...slug].astro b/src/pages/b/[...slug].astro
new file mode 100644
index 0000000..cb315c5
--- /dev/null
+++ b/src/pages/b/[...slug].astro
@@ -0,0 +1,21 @@
+---
+import BlogPost from '../../layouts/BlogPost.astro';
+
+import { type CollectionEntry, getCollection } from 'astro:content';
+
+export async function getStaticPaths() {
+ const posts = await getCollection('blog');
+ return posts.map((post) => ({
+ params: { slug: post.slug },
+ props: post,
+ }));
+}
+
+type Props = CollectionEntry<'blog'>;
+const post = Astro.props;
+const { Content } = await post.render();
+---
+
+🌞 The weather is sunny somewhere
--
+ {
+ posts.map((post) => (
+
- + + {post.data.emoji} + {post.data.title} + + + + + )) + } +
-
+
+
+
+
+
+
diff --git a/src/pages/n/index.astro b/src/pages/n/index.astro
new file mode 100644
index 0000000..cb8f959
--- /dev/null
+++ b/src/pages/n/index.astro
@@ -0,0 +1,47 @@
+---
+import BasePage from '../../layouts/BasePage.astro';
+
+import { getCollection } from 'astro:content';
+
+const notes = (await getCollection('notes')).sort((a, b) =>
+ a.data.title.localeCompare(b.data.title),
+);
+
+const PAGE_TITLE = 'Notes';
+const PAGE_DESCRIPTION = 'Quick notes about tech, programming, cloud and more.';
+---
+
+
+
+
+
+
+
+
diff --git a/src/pages/rss.xml.js b/src/pages/rss.xml.js
new file mode 100644
index 0000000..d8eb350
--- /dev/null
+++ b/src/pages/rss.xml.js
@@ -0,0 +1,18 @@
+import rss from '@astrojs/rss';
+import { getCollection } from 'astro:content';
+import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
+
+export async function GET(context) {
+ const posts = await getCollection('blog');
+ return rss({
+ title: SITE_TITLE,
+ description: SITE_DESCRIPTION,
+ site: context.site,
+ items: posts
+ .map((post) => ({
+ ...post.data,
+ link: `/b/${post.slug}/`,
+ }))
+ .sort((a, b) => new Date(a.pubDate) - new Date(b.pubDate)),
+ });
+}
diff --git a/src/pages/s/[...slug].astro b/src/pages/s/[...slug].astro
new file mode 100644
index 0000000..6768ca3
--- /dev/null
+++ b/src/pages/s/[...slug].astro
@@ -0,0 +1,21 @@
+---
+import Software from '../../layouts/Software.astro';
+
+import { type CollectionEntry, getCollection } from 'astro:content';
+
+export async function getStaticPaths() {
+ const posts = await getCollection('software');
+ return posts.map((post) => ({
+ params: { slug: post.slug },
+ props: post,
+ }));
+}
+
+type Props = CollectionEntry<'software'>;
+const post = Astro.props;
+const { Content } = await post.render();
+---
+
+
+
diff --git a/src/pages/s/about-this-website.md b/src/pages/s/about-this-website.md
deleted file mode 100644
index 102a380..0000000
--- a/src/pages/s/about-this-website.md
+++ /dev/null
@@ -1,78 +0,0 @@
----
-layout: '../../layouts/SoftPost.astro'
-collection: soft
-order: 3
-
-author: Daniele Salvagni
-title: About this Website
-description: Statically generated with Astro.js.
-publishDate: 2022-07-28
-
-excerpt: >
- This webiste is statically generated thanks to Astro, styles are written in SASS and content in Markdown. Every time a commit is pushed, Github Actions will deploy this website to an AWS S3 bucket.
----
-
-This website is statically generated thanks to **Astro**, a new (1.0.0-rc.1 at
-the moment).
-
-```
-.
-├── public/
-│ └── assets
-└── src/
- ├── components/
- ├── layouts/
- ├── pages/
- ├── scripts/
- └── style/
-```
-
-[Astro](https://astro.build/) looks for `.astro` or `.md` files in the
-`/src/pages/` directory. Each page is exposed as a route based on its file name.
-If the page has [brackets] in it's name it's a
-[dynamic route](https://docs.astro.build/en/core-concepts/routing/).
-
-Page layouts are in the `src/layouts` folder while `src/components/` is where I
-put anything that I want to re-use inside pages. All client side JS is put into
-the `src/scripts/` folder.
-
-All global styles are in `src/styles/` and written with
-[SASS](https://sass-lang.com/). Individual page or component styles are in each
-page or component file inside the `
diff --git a/src/pages/s/index.astro b/src/pages/s/index.astro
new file mode 100644
index 0000000..fedc0ee
--- /dev/null
+++ b/src/pages/s/index.astro
@@ -0,0 +1,48 @@
+---
+import BasePage from '../../layouts/BasePage.astro';
+
+import { getCollection } from 'astro:content';
+
+const posts = (await getCollection('software')).sort(
+ (a, b) => a.data.order - b.data.order,
+);
+
+const PAGE_TITLE = 'Software';
+const PAGE_DESCRIPTION =
+ "A list of some tools and personal projects I've made.";
+---
+
+
+
+
+
+
+
diff --git a/src/scripts/comments-app.js b/src/scripts/comments-app.js
deleted file mode 100644
index 92e53ef..0000000
--- a/src/scripts/comments-app.js
+++ /dev/null
@@ -1,34 +0,0 @@
-Vue.filter('truncate', function (string, value) {
- return string.substring(0, value);
-});
-
-new Vue({
- el: '#comments-app',
-
- data: {
- issueNum: null,
- comments: []
- },
-
- mounted() {
- this.issueNum = this.$el.getAttribute('data-issue');
-
- let instance = axios.create({
- baseURL: 'https://api.github.com/',
- timeout: 10000,
- headers: { Accept: 'application/vnd.github.VERSION.html+json' }
- });
-
- instance
- .get(
- 'repos/daniele-salvagni/dan.salvagni.io/issues/' +
- this.issueNum +
- '/comments'
- )
- //.then(response => console.log(response.data));
- .then((response) => (this.comments = response.data))
- .catch(function (error) {
- console.log(error);
- });
- }
-});
diff --git a/src/scripts/grid-app.js b/src/scripts/grid-app.js
deleted file mode 100644
index fc576e8..0000000
--- a/src/scripts/grid-app.js
+++ /dev/null
@@ -1,55 +0,0 @@
-new Vue({
- el: '#grid-app',
-
- data: {
- test: 'passed!',
- hres: 2160,
- vres: 1440,
- hpts: 17,
- vpts: 14
- },
-
- computed: {
- horz: function () {
- return getIntervals(this.hpts, -150, 150);
- },
- vert: function () {
- return getIntervals(this.vpts, -100, 100);
- },
- cmnd: function () {
- let command = 'tabcal devicekind=pen lincal novalidate';
- let xarr = this.horz.map((x) =>
- Math.round(((x + 150) / 300) * (this.hres - 20) + 10)
- );
- let yarr = this.vert.map((y) =>
- Math.round(((y + 100) / 200) * (this.vres - 20) + 10)
- );
- return (
- command +
- ' XGridPts=' +
- xarr.toString() +
- ' YGridPts=' +
- yarr.toString()
- );
- }
- }
-});
-
-function getIntervals(points, min, max) {
- let arr = [];
- let pts = points - 3;
- let unit = max / ((pts / 2 + 1) * (pts / 2 + 2)); // /6?
-
- for (let i = 0; i < pts / 2; i++) arr.push(unit * (i + 1) * (i + 2) - max);
- let mirror = arr.concat(
- arr.map(function (x) {
- return x * -1;
- })
- );
- if (points > 1) mirror = mirror.concat([min, max]);
- if (pts % 2 == 0) mirror = mirror.concat(0);
- mirror = mirror.sort(function (a, b) {
- return +a - +b;
- });
- return mirror;
-}
diff --git a/src/style/content.scss b/src/style/content.scss
deleted file mode 100644
index 57356a2..0000000
--- a/src/style/content.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-.content {
- // text-align: justify;
- // text-justify: inter-word;
- margin-bottom: 40px;
-
- p {
- margin: 0 0 1em;
- }
-
- pre {
- padding: 16px 16px;
- border-radius: 0px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
-
- li {
- text-align: left;
- }
-}
diff --git a/src/style/layout.scss b/src/style/layout.scss
deleted file mode 100644
index 85819a3..0000000
--- a/src/style/layout.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// A technique to always stick footer to the bottom of the page.
-// Depends on html, body having 100% height
-// https://www.joshwcomeau.com/css/custom-css-reset/#digit-percentage-based-heights
-.main {
- display: flex;
- flex-direction: column;
- min-height: 100%;
-
- > .bottom {
- margin-top: auto;
- }
-}
-
-.container {
- width: var(--container-width);
- margin-left: auto;
- margin-right: auto;
-}
diff --git a/src/style/reset.scss b/src/style/reset.scss
deleted file mode 100644
index 66680a4..0000000
--- a/src/style/reset.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-// https://www.joshwcomeau.com/css/custom-css-reset/
-/*
- 1. Use a more-intuitive box-sizing model.
-*/
-*,
-*::before,
-*::after {
- box-sizing: border-box;
-}
-/*
- 2. Remove default margin
- 2.1 Dampen how much large fonts affect line height.
- */
-* {
- margin: 0;
- line-height: calc(1em + 0.65rem);
-}
-/*
- 3. Allow percentage-based heights in the application
- */
-html,
-body {
- height: 100%;
-}
-/*
- Typographic tweaks!
- 4. Add accessible line-height
- 5. Improve text rendering
- */
-body {
- line-height: 1.5;
- -webkit-font-smoothing: antialiased;
-}
-/*
- 6. Improve media defaults
- */
-img,
-picture,
-video,
-canvas,
-svg {
- display: block;
- max-width: 100%;
-}
-/*
- 7. Remove built-in form typography styles
- */
-input,
-button,
-textarea,
-select {
- font: inherit;
-}
-/*
- 8. Avoid text overflows
- */
-p,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- overflow-wrap: break-word;
-}
diff --git a/src/style/style.scss b/src/style/style.scss
deleted file mode 100644
index 93bf95d..0000000
--- a/src/style/style.scss
+++ /dev/null
@@ -1,126 +0,0 @@
-@use 'reset';
-@use 'variables';
-@use 'layout';
-@use 'content';
-
-* {
- line-height: 1.65;
-}
-
-html {
- font-size: var(--html-font-size);
-}
-
-body {
- tab-size: 4;
- font-weight: 400;
- font-family: 'Roboto Mono', monospace;
- background: var(--background-color);
- color: var(--text-color);
-}
-
-a {
- text-decoration: none;
- color: var(--action-color);
-
- &:hover,
- &:focus {
- //text-decoration: underline;
- color: hsl(143, 70%, 22%);
- }
-}
-
-ul,
-ol {
- padding-left: 2.5rem;
- margin: 1.5em 0;
-}
-
-.other {
- ul,
- ol {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-}
-
-.post-header {
- text-align: center;
- text-transform: uppercase;
- margin: 0 0 2em;
-}
-
-.post-title {
- font-size: 1.25rem;
- margin-top: 0;
-}
-
-.post-date {
- font-size: 0.85rem;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- margin: 2em 0 1em;
- color: var(--title-color);
- font-size: 1.125rem;
- font-weight: 700;
- position: relative;
-
- a {
- color: inherit;
- text-decoration: none;
-
- &:hover,
- &:focus {
- color: inherit;
- text-decoration: underline;
- }
- }
-}
-
-h3 {
- font-size: 1rem;
-}
-
-.content-body h1:before {
- content: '';
- border-left: 5px solid var(--action-color);
- position: absolute;
- left: -15px;
- height: 75%;
- top: 12%;
-}
-
-pre {
- text-align: left;
-}
-
-blockquote {
- // padding: 0 1em;
- padding: 12px 16px 1px 16px;
- margin: 0 0 1em;
- background-color: #fff9e0;
-}
-
-code {
- padding: 0.2em 0.1em;
- margin: 0;
- // background-color: #f6f6f6;
- border-radius: 3px;
- color: var(--code-color);
-}
-
-::selection {
- background: var(--select-color);
-}
-
-.contains-task-list {
- list-style: none;
- padding-left: 1rem;
-}
diff --git a/src/style/variables.scss b/src/style/variables.scss
deleted file mode 100644
index e76aabd..0000000
--- a/src/style/variables.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-:root {
- --container-width: min(85vw, 50rem);
- --background-color-alt: hsl(188 10% 94%);
- --background-color: rgb(255, 255, 255);
- --title-color: hsl(40, 4%, 10%);
- --text-color: hsl(40, 4%, 25%);
- --text-color-alt: hsl(35deg 6% 55%);
- --action-color: hsl(143, 70%, 36%);
- --code-color: hsl(200, 16%, 55%);
- --select-color: hsl(46, 100%, 89%);
- --html-font-size: 12px;
-}
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..afdea88
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,211 @@
+:root {
+ --accent: #373737;
+ --accent-dark: #000d8a;
+ --gray-lightest: #e6e6e6;
+ --white: #f4f4f4;
+ --black: #000000;
+ --gray: hsl(40, 4%, 25%);
+ --gray-light: #868686;
+ --gray-dark: 34, 41, 57;
+ --gray-gradient: rgba(var(--gray-light), 50%), #fff;
+ --container-width: min(95vw, 42rem);
+ --heading: var(#222);
+ --text: #373737;
+}
+
+::selection {
+ background-color: #ffeaba;
+}
+
+@font-face {
+ font-family: 'Inconsolata';
+ src: url('/fonts/Inconsolata-Light.woff2') format('woff2');
+ font-weight: 300;
+ font-style: normal;
+ font-display: swap;
+}
+@font-face {
+ font-family: 'Inconsolata';
+ src: url('/fonts/Inconsolata-Regular.woff2') format('woff2');
+ font-weight: 400;
+ font-style: normal;
+ font-display: swap;
+}
+@font-face {
+ font-family: 'Inconsolata';
+ src: url('/fonts/Inconsolata-Bold.woff2') format('woff2');
+ font-weight: 700;
+ font-style: normal;
+ font-display: swap;
+}
+
+body {
+ font-family: 'Inconsolata', sans-serif;
+ margin: 0;
+ padding: 0;
+ text-align: left;
+ background-color: #fff;
+ background-size: 100% 600px;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ color: var(--text);
+ font-size: 15px;
+ font-weight: 400;
+ line-height: 1.33;
+ min-height: 100%;
+ display: flex;
+ flex-direction: column;
+ width: var(--container-width);
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 100vh;
+ transition: 0.2s ease-in;
+}
+
+main {
+ width: 720px;
+ max-width: calc(100% - 2em);
+ margin-left: auto;
+ margin-right: auto;
+ padding: 3em 1em;
+ /* text-align: justify; */
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: 1em;
+ color: var(--heading);
+ position: relative;
+ margin: 2em 0 1em;
+}
+h2::before {
+ content: '';
+ border-left: 5px solid var(--accent);
+ position: absolute;
+ left: -15px;
+ height: 75%;
+ top: 12%;
+}
+h4,
+h5,
+h6 {
+ color: var(--gray-light);
+}
+
+strong,
+b {
+ font-weight: 700;
+}
+
+a {
+ color: var(--text);
+ text-decoration: underline;
+}
+a:hover {
+ color: #000;
+ font-weight: bold;
+}
+
+p {
+ margin-bottom: 2em;
+}
+textarea {
+ width: 100%;
+ font-size: 16px;
+}
+input {
+ font-size: 16px;
+}
+table {
+ width: 100%;
+}
+img,
+video {
+ max-width: 100%;
+ height: auto;
+ border-radius: 8px;
+}
+code {
+ padding: 0 0.4em;
+ background-color: #f9f9f9;
+ border-radius: 2px;
+ font-family: 'Inconsolata', monospace;
+ color: var(--gray-light);
+}
+pre {
+ padding: 0.5em 1.5em;
+ margin-bottom: 2em;
+ border-radius: 6px;
+ line-height: 1.3;
+ background-color: #f9f9f9;
+}
+pre > code {
+ all: unset;
+ font-family: 'Inconsolata', monospace;
+ font-size: 1em;
+}
+blockquote {
+ border-left: 4px solid var(--gray-lightest);
+ padding: 0 0 0 20px;
+ margin: 0px;
+}
+mark {
+ background-color: #ffe97e;
+ padding: 0 0.2em;
+ border-radius: 2px;
+}
+abbr {
+ text-decoration: none;
+ border-bottom: 1px dotted var(--gray-light);
+}
+hr {
+ border: 0;
+ border-bottom: 1px solid var(--gray-lightest);
+ margin: 2em 0;
+}
+ul,
+ol {
+ text-align: left;
+ margin-bottom: 2em;
+}
+
+.prose a::after {
+ content: '↗';
+ color: var(--accent);
+ display: inline-block;
+ margin: 0 0 0 0.3em;
+ font-weight: normal;
+
+ transition-property: transform;
+ transition-duration: 0.2s;
+}
+.prose a:hover::after {
+ background: linear-gradient(90deg, magenta 0%, cyan 100%);
+ background-clip: text;
+ -webkit-background-clip: text;
+ color: rgba(0, 0, 0, 0);
+ animation: rainbow 2s ease-in-out infinite;
+ transition: color 0.2s ease-in-out;
+ background-size: 200% 200%;
+ transform: translate(0.1rem, -0.1rem);
+}
+
+.emoji {
+ font-size: 0.86em;
+}
+
+@keyframes rainbow {
+ 0% {
+ background-position: left;
+ }
+ 50% {
+ background-position: right;
+ }
+ 100% {
+ background-position: left;
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
index 098c7f6..7a36ca0 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,18 +1,6 @@
{
+ "extends": "astro/tsconfigs/strict",
"compilerOptions": {
- // Enable top-level await, and other modern ESM features.
- "target": "ESNext",
- "module": "ESNext",
- // Enable node-style module resolution, for things like npm package imports.
- "moduleResolution": "node",
- // Enable JSON imports.
- "resolveJsonModule": true,
- // Enable stricter transpilation for better output.
- "isolatedModules": true,
- // Add type definitions for our Astro runtime.
- "types": ["astro/client"],
- // Error when a value import is only used as a type.
- "importsNotUsedAsValues": "error",
- "strict": true
+ "strictNullChecks": true
}
-}
+}
\ No newline at end of file
-
+
-
diff --git a/src/pages/n/[...slug].astro b/src/pages/n/[...slug].astro
new file mode 100644
index 0000000..1cf4a4b
--- /dev/null
+++ b/src/pages/n/[...slug].astro
@@ -0,0 +1,63 @@
+---
+import BasePage from '../../layouts/BasePage.astro';
+
+import { type CollectionEntry, getCollection } from 'astro:content';
+
+export async function getStaticPaths() {
+ const notes = await getCollection('notes');
+ return notes.map((note) => ({
+ params: { slug: note.slug },
+ props: note,
+ }));
+}
+
+type Props = CollectionEntry<'notes'>;
+const notes = (await getCollection('notes')).sort((a, b) =>
+ a.data.title.localeCompare(b.data.title),
+);
+const note = Astro.props;
+note.data.description =
+ note.data.description || 'Notes about ' + note.data.title;
+const { Content } = await note.render();
+---
+
+
- Hi, I'm Daniele Salvagni 👋 I'm a Software Developer located by
- the scenic Como Lake in Italy. I'm passionate about programming and also
- have interests in electronics and UX design. I build new stuff 🚀 whenever
- I feel like it.
-
-
-
- FREQUENTLY USED
- AWS > Javascript + TS > Python > HTML5 > CSS3 > Bash > - Java > C# > C
- LINKS
- My GitHub profile, my Snippets and my - email: dan@salvagni.io -
-
- - AWS > Javascript + TS > Python > HTML5 > CSS3 > Bash > - Java > C# > C
- LINKS
- My GitHub profile, my Snippets and my - email: dan@salvagni.io -
- EDUCATION & CERTS
- Software Engineering @ PoliMi
- AWS Certified Cloud Practitioner
- AWS Certified Solutions Architect
- English language (TOEIC 990/990)
- - WORK
- Software Developer at Claranet🇨🇭 + +
+
-
- - Software Engineering @ PoliMi
- AWS Certified Cloud Practitioner
- AWS Certified Solutions Architect
- English language (TOEIC 990/990)
- - WORK
- Software Developer at Claranet🇨🇭 + +
+ Ciao ヾ(＾∇＾), I'm Daniele Salvagni, a Software Engineer located + by the picturesque Como Lake in Italy. I'm passionate about programming + and also have interests in electronics and UX design. I build new stuff + whenever I feel like it. +
++ I currently work at Claranet Switzerland +
- TOOLS & SOFTWARE
-
- NOTES & POSTS
-
+ -
-
- {
- soft.map(({ url, frontmatter }) => (
-
- NOTES & POSTS
-
-
- {
- posts.map(({ url, frontmatter }) => (
-
+ You can find me on Github or send me a message at dan@salvagni.io. +
+ ++
+ 
+ Quack!
-
-
+ Quack!
-
+ {
+ posts.map((post) => (
+
-
+
+ {post.data.title}
+
+ {post.data.emoji}
+
+ {post.data.description} +
+ ))
+ }
+