diff --git a/@dasig/images/save-1.avif b/@dasig/images/save-1.avif new file mode 100644 index 0000000..79a7526 Binary files /dev/null and b/@dasig/images/save-1.avif differ diff --git a/@dasig/images/save-1.webp b/@dasig/images/save-1.webp new file mode 100644 index 0000000..b827c94 Binary files /dev/null and b/@dasig/images/save-1.webp differ diff --git a/@dasig/images/save-2.avif b/@dasig/images/save-2.avif new file mode 100644 index 0000000..dff9698 Binary files /dev/null and b/@dasig/images/save-2.avif differ diff --git a/@dasig/images/save-2.webp b/@dasig/images/save-2.webp new file mode 100644 index 0000000..6bf92f4 Binary files /dev/null and b/@dasig/images/save-2.webp differ diff --git a/@dasig/images/save.avif b/@dasig/images/save.avif new file mode 100644 index 0000000..663df75 Binary files /dev/null and b/@dasig/images/save.avif differ diff --git a/@dasig/images/save.webp b/@dasig/images/save.webp new file mode 100644 index 0000000..95f3157 Binary files /dev/null and b/@dasig/images/save.webp differ diff --git a/src/components/Article.astro b/src/components/Article.astro index 05f0d67..12637f8 100644 --- a/src/components/Article.astro +++ b/src/components/Article.astro @@ -1,5 +1,5 @@ --- -// import { Row, Column } from '../../@dasig' +import { Padding, Column } from '../../@dasig' interface Props { title: string @@ -13,7 +13,7 @@ interface Props { const { title, subtitle, category, date, minutes, content } = Astro.props --- -
+
{category}

{title}

{subtitle}

@@ -22,3 +22,14 @@ const { title, subtitle, category, date, minutes, content } = Astro.props

+ + diff --git a/src/content/articles/5-tech-icons-and-their-meaning.md b/src/content/articles/5-tech-icons-and-their-meaning.md index 0aecd19..dfc1419 100644 --- a/src/content/articles/5-tech-icons-and-their-meaning.md +++ b/src/content/articles/5-tech-icons-and-their-meaning.md @@ -7,6 +7,17 @@ minutes: 5 category: Technology --- + + @@ -52,8 +63,8 @@ The icon consists of two letters: the initial of his first name “H,” represe ## Save Icon - - + + 5 Tech Icons And Their Meaning @@ -63,6 +74,18 @@ The icon was designed to represent a floppy disk, the original portable storage And they looked like this: + + + + 5 Tech Icons And Their Meaning + + + + + + 5 Tech Icons And Their Meaning + + ## RSS Icon RSS is a method for staying updated on news and content from different websites. Consider it a notification email that keeps you informed whenever a site publishes new content. But to set it up, you’ll need an RSS reader, and the site should provide an RSS feeder. diff --git a/src/images/save-1.png b/src/images/save-1.png new file mode 100644 index 0000000..62f87b2 Binary files /dev/null and b/src/images/save-1.png differ diff --git a/src/images/save-2.png b/src/images/save-2.png new file mode 100644 index 0000000..7a7b1fa Binary files /dev/null and b/src/images/save-2.png differ diff --git a/src/images/save.png b/src/images/save.png new file mode 100644 index 0000000..98adca2 Binary files /dev/null and b/src/images/save.png differ diff --git a/src/pages/read/[article].astro b/src/pages/read/[article].astro index c61e4ea..0dcfed7 100644 --- a/src/pages/read/[article].astro +++ b/src/pages/read/[article].astro @@ -20,9 +20,7 @@ const content = await articleModule.compiledContent() - -