diff --git a/blog/20201022-simplex-chat/index.html b/blog/20201022-simplex-chat/index.html index ffd84b93d8..005af2ea73 100644 --- a/blog/20201022-simplex-chat/index.html +++ b/blog/20201022-simplex-chat/index.html @@ -5,10 +5,39 @@ Simplex Chat - + + + - -

Simplex chat

+ +
+ +
+ +
+
+

Simplex chat

Published: Oct 22, 2020

SimpleX Chat Website

I'd really appreciate your feedback, criticism and suggestions on the open-source idea I was slowly working on since early 2020. I recently made the demo server for the low-level message queue protocol ("simplex messaging protocol") and the website to try to explain the chat idea that would use this protocol.

@@ -18,5 +47,28 @@

Any criticism would be great - thank you in advance!

Originally published at reddit

+
+
+ + \ No newline at end of file diff --git a/blog/20210512-simplex-chat-terminal-ui/index.html b/blog/20210512-simplex-chat-terminal-ui/index.html index ab04e94a1a..325b4b2d5a 100644 --- a/blog/20210512-simplex-chat-terminal-ui/index.html +++ b/blog/20210512-simplex-chat-terminal-ui/index.html @@ -5,10 +5,39 @@ Announcing SimpleX Chat Prototype! - + + + - -

Announcing SimpleX Chat Prototype!

+ +
+ +
+ +
+
+

Announcing SimpleX Chat Prototype!

Published: May 12, 2021

For the last six months me and my son Efim have been working to bring you a working prototype of SimpleX Chat. We're excited to announce SimpleX Chat terminal client is now available here on Linux, Windows and Mac (you can either build from source or download the binary for Linux, Windows or Mac from the latest release).

We’ve been using the terminal client between us and a few other people for a couple of months now, eating our own “dog food”, and have developed up to version 0.3.1, with most of the messaging protocol features we originally planned

@@ -26,5 +55,28 @@

We're building a new kind of chat network - the only network that lets you control your chat. We'd really appreciate your feedback, criticism and support - a star on the github repo, signing up to the mailing list or any contribution to the project will help. There is so much more to do!

Originally published at reddit

+
+
+ + \ No newline at end of file diff --git a/blog/20210914-simplex-chat-v0.4-released/index.html b/blog/20210914-simplex-chat-v0.4-released/index.html index bc6d465bc6..12c656677b 100644 --- a/blog/20210914-simplex-chat-v0.4-released/index.html +++ b/blog/20210914-simplex-chat-v0.4-released/index.html @@ -5,10 +5,39 @@ SimpleX announces SimpleX Chat v0.4 - + + + - -

SimpleX announces SimpleX Chat v0.4

+ +
+ +
+ +
+
+

SimpleX announces SimpleX Chat v0.4

Open-source decentralized chat that uses privacy-preserving message routing protocol

Published: Sep 14, 2021

We are building a new platform for distributed Internet applications where privacy of the messages and the network matter. SimpleX Chat is our first application, a chat application built on the SimpleX platform that serves as an example of the power of the platform and as a reference application.

@@ -30,5 +59,28 @@

Our goal is to create a new kind of chat platform that lets you control your chat!

Originally published at reddit

+
+
+ + \ No newline at end of file diff --git a/blog/20211208-simplex-chat-v0.5-released/index.html b/blog/20211208-simplex-chat-v0.5-released/index.html index 13632c79d2..6080d04aed 100644 --- a/blog/20211208-simplex-chat-v0.5-released/index.html +++ b/blog/20211208-simplex-chat-v0.5-released/index.html @@ -5,10 +5,39 @@ SimpleX announces SimpleX Chat v0.5 - + + + - -

SimpleX announces SimpleX Chat v0.5

+ +
+ +
+ +
+
+

SimpleX announces SimpleX Chat v0.5

Simplex Chat is the first chat platform that is 100% private by design - SimpleX no access to your connections graph

Published: Dec 08, 2021

We are building a new platform for distributed Internet applications where privacy of the messages and the network matter. SimpleX Chat is our first application, a chat application built on the SimpleX platform that serves as an example of the power of the platform and as a reference application.

@@ -25,5 +54,28 @@

Our goal is to create a new kind of chat platform that lets you control your chat!

Originally published at reddit

+
+
+ + \ No newline at end of file diff --git a/blog/20220112-simplex-chat-v1-released/index.html b/blog/20220112-simplex-chat-v1-released/index.html index 3cd8338fcc..9a3c0fa6aa 100644 --- a/blog/20220112-simplex-chat-v1-released/index.html +++ b/blog/20220112-simplex-chat-v1-released/index.html @@ -5,10 +5,39 @@ SimpleX announces SimpleX Chat v1 - + + + - -

SimpleX announces SimpleX Chat v1

+ +
+ +
+ +
+
+

SimpleX announces SimpleX Chat v1

Published: Jan 12, 2022

The most private and secure chat and application platform

We are building a new platform for distributed Internet applications where privacy of the messages and the network matter. SimpleX Chat is our first application, a messaging application built on the SimpleX platform.

@@ -39,5 +68,28 @@

We look forward to you using it!

We look forward to your feedback and suggestions - via GitHub issues or via SimpleX Chat - you can connect to the team with /simplex command once you run the chat.

+
+
+ + \ No newline at end of file diff --git a/blog/20220214-simplex-chat-ios-public-beta/index.html b/blog/20220214-simplex-chat-ios-public-beta/index.html index e9e22fa341..c28ca9589e 100644 --- a/blog/20220214-simplex-chat-ios-public-beta/index.html +++ b/blog/20220214-simplex-chat-ios-public-beta/index.html @@ -5,10 +5,39 @@ SimpleX announces SimpleX Chat public beta for iOS - + + + - -

SimpleX announces SimpleX Chat public beta for iOS

+ +
+ +
+ +
+
+

SimpleX announces SimpleX Chat public beta for iOS

Published: Feb 14, 2022

Private and secure chat and application platform - public beta is now available for iPhones with iOS 15.

Our new iPhone app is very basic - right now it only supports text messages and emojis.

@@ -37,5 +66,28 @@

SimpleX also allows people to host their own servers to have control of their chat data. SimpleX servers are exceptionally lightweight and require a single process with the initial memory footprint of under 20 Mb, which grows as the server adds in-memory queues (even with 10,000 queues it uses less than 50Mb, not accounting for messages). It should be considered though that while self-hosting the servers provides more control, it may reduce meta-data privacy, as it is easier to correlate the traffic of servers with small number of messages coming through.

Further details on platform objectives and technical design are available in SimpleX platform overview.

+
+
+ + \ No newline at end of file diff --git a/blog/20220308-simplex-chat-mobile-apps/index.html b/blog/20220308-simplex-chat-mobile-apps/index.html index 0af0fd1c11..636f8685f3 100644 --- a/blog/20220308-simplex-chat-mobile-apps/index.html +++ b/blog/20220308-simplex-chat-mobile-apps/index.html @@ -5,10 +5,39 @@ SimpleX announces SimpleX Chat mobile apps for iOS and Android - + + + - -

SimpleX announces SimpleX Chat mobile apps for iOS and Android

+ +
+ +
+ +
+
+

SimpleX announces SimpleX Chat mobile apps for iOS and Android

Published: March 8, 2022

SimpleX Chat is the first chat platform that is 100% private by design - it has no access to your connections graph

We have now released iPhone and Android apps to Apple AppStore and Google Play Store, APK for Android is also available for direct download.

@@ -55,5 +84,28 @@

Please let us know what else you think is important and if you find any bugs.

+
+
+ + \ No newline at end of file diff --git a/blog/20220404-simplex-chat-instant-notifications/index.html b/blog/20220404-simplex-chat-instant-notifications/index.html index 4b8121ce35..e63b3dd693 100644 --- a/blog/20220404-simplex-chat-instant-notifications/index.html +++ b/blog/20220404-simplex-chat-instant-notifications/index.html @@ -5,10 +5,39 @@ Instant notifications for SimpleX Chat mobile apps - + + + - -

Instant notifications for SimpleX Chat mobile apps

+ +
+ +
+ +
+
+

Instant notifications for SimpleX Chat mobile apps

Published: April 04, 2022

SimpleX Chat is the first chat platform that is 100% private by design - it has no access to your connections

Since we released SimpleX Chat mobile apps couple of weeks ago we've had a lot of excitement from our users - nearly 2000 people downloaded the app after the announcement!

@@ -96,5 +125,28 @@

Thank you!

+
+
+ + \ No newline at end of file diff --git a/blog/20220511-simplex-chat-v2-images-files/index.html b/blog/20220511-simplex-chat-v2-images-files/index.html index e8a3ea7b1d..08e1e4e16f 100644 --- a/blog/20220511-simplex-chat-v2-images-files/index.html +++ b/blog/20220511-simplex-chat-v2-images-files/index.html @@ -5,10 +5,39 @@ SimpleX Chat v2.0 - sending images and files in mobile apps - + + + - -

SimpleX Chat v2.0 - sending images and files in mobile apps

+ +
+ +
+ +
+
+

SimpleX Chat v2.0 - sending images and files in mobile apps

Published: May 11, 2022

New in version 2.0 - sending images and files privately

To send image and files SimpleX Chat uses privacy-preserving system components, both in iOS and Android apps. We do not ask for permission to access multiple or selected files, as, for example, Signal and Telegram do - it compromises either privacy or convenience.

@@ -31,5 +60,28 @@ Make a private connection +
+
+ + \ No newline at end of file diff --git a/blog/20220524-simplex-chat-better-privacy/index.html b/blog/20220524-simplex-chat-better-privacy/index.html index e64e16d7f1..e552cd0f7e 100644 --- a/blog/20220524-simplex-chat-better-privacy/index.html +++ b/blog/20220524-simplex-chat-better-privacy/index.html @@ -5,10 +5,39 @@ SimpleX Chat v2.1 - better conversation privacy - + + + - -

SimpleX Chat v2.1 - better conversation privacy

+ +
+ +
+ +
+
+

SimpleX Chat v2.1 - better conversation privacy

Published: May 24, 2022

New in version 2.1 - clearing conversations without deleting contacts

In this version you can irreversibly delete individual messages after they were deleted by a sender, and also completely clear the conversation.

@@ -18,5 +47,28 @@

See v2 announcement for more information about SimpleX platform and how it works.

Read about SimpleX design in whitepaper.

+
+
+ + \ No newline at end of file diff --git a/blog/20220604-simplex-chat-new-privacy-security-settings/index.html b/blog/20220604-simplex-chat-new-privacy-security-settings/index.html index 7038d0091f..0233e88e13 100644 --- a/blog/20220604-simplex-chat-new-privacy-security-settings/index.html +++ b/blog/20220604-simplex-chat-new-privacy-security-settings/index.html @@ -5,10 +5,39 @@ SimpleX Chat v2.2 - the first messaging platform without user identities - 100% private by design! - + + + - -

SimpleX Chat v2.2 - the first messaging platform without user identities - 100% private by design!

+ +
+ +
+ +
+
+

SimpleX Chat v2.2 - the first messaging platform without user identities - 100% private by design!

Published: June 4, 2022

See v2 announcement for more information about SimpleX platform and how it protects your privacy by avoiding user identities of any kind in its design - SimpleX, unlike any other messaging platfom, has no identity keys or any numbers that identify its users.

New Privacy and Security settings in version 2.2

@@ -36,5 +65,28 @@

See v1 announcement for information on how SimpleX protects the security of the messages.

Read about SimpleX design in whitepaper.

+
+
+ + \ No newline at end of file diff --git a/blog/20220711-simplex-chat-v3-released-ios-notifications-audio-video-calls-database-export-import-protocol-improvements/index.html b/blog/20220711-simplex-chat-v3-released-ios-notifications-audio-video-calls-database-export-import-protocol-improvements/index.html index 122bbc8415..1ffec428ce 100644 --- a/blog/20220711-simplex-chat-v3-released-ios-notifications-audio-video-calls-database-export-import-protocol-improvements/index.html +++ b/blog/20220711-simplex-chat-v3-released-ios-notifications-audio-video-calls-database-export-import-protocol-improvements/index.html @@ -5,10 +5,39 @@ SimpleX announces SimpleX Chat v3 - + + + - -

SimpleX announces SimpleX Chat v3

+ +
+ +
+ +
+
+

SimpleX announces SimpleX Chat v3

Published: Jul 11, 2022

New in version 3

+
+ + \ No newline at end of file diff --git a/blog/20220723-simplex-chat-v3.1-tor-groups-efficiency/index.html b/blog/20220723-simplex-chat-v3.1-tor-groups-efficiency/index.html index 16141ea8f0..7396f58a8c 100644 --- a/blog/20220723-simplex-chat-v3.1-tor-groups-efficiency/index.html +++ b/blog/20220723-simplex-chat-v3.1-tor-groups-efficiency/index.html @@ -5,10 +5,39 @@ SimpleX Chat v3.1-beta is released - + + + - -

SimpleX Chat v3.1-beta is released

+ +
+ +
+ +
+
+

SimpleX Chat v3.1-beta is released

Published: Jul 23, 2022

What's new

+
+ + \ No newline at end of file diff --git a/blog/index.html b/blog/index.html index 35f0eb8e34..b8887022af 100644 --- a/blog/index.html +++ b/blog/index.html @@ -4,61 +4,149 @@ + + Blogs + - + +
+ +
+
+ +
+

Simplex Chat

+

Thu, 22 Oct 2020

+ Simplex Chat +
+
+ +
+

Announcing SimpleX Chat Prototype!

+

Wed, 12 May 2021

+ Announcing SimpleX Chat Prototype! +
+
+ +
+

SimpleX announces SimpleX Chat v0.4

+

Tue, 14 Sep 2021

+ SimpleX announces SimpleX Chat v0.4 +
+
+ +
+

SimpleX announces SimpleX Chat v0.5

+

Wed, 08 Dec 2021

+ SimpleX announces SimpleX Chat v0.5 +
+
+ +
+

SimpleX announces SimpleX Chat v1

+

Wed, 12 Jan 2022

+ SimpleX announces SimpleX Chat v1 +
+
+ +
+

SimpleX announces SimpleX Chat public beta for iOS

+

Mon, 14 Feb 2022

+ SimpleX announces SimpleX Chat public beta for iOS +
+
+ +
+

SimpleX announces SimpleX Chat mobile apps for iOS and Android

+

Tue, 08 Mar 2022

+ SimpleX announces SimpleX Chat mobile apps for iOS and Android +
+
+ +
+

Instant notifications for SimpleX Chat mobile apps

+

Mon, 04 Apr 2022

+ Instant notifications for SimpleX Chat mobile apps +
+
+ +
+

SimpleX Chat v2.0 - sending images and files in mobile apps

+

Wed, 11 May 2022

+ SimpleX Chat v2.0 - sending images and files in mobile apps +
+
+ +
+

SimpleX Chat v2.1 - better conversation privacy

+

Tue, 24 May 2022

+ SimpleX Chat v2.1 - better conversation privacy +
+
+ +
+

SimpleX Chat v2.2 - the first messaging platform without user identities - 100% private by design!

+

Sat, 04 Jun 2022

+ SimpleX Chat v2.2 - the first messaging platform without user identities - 100% private by design! +
+
+ +
+

SimpleX announces SimpleX Chat v3

+

Mon, 11 Jul 2022

+ SimpleX announces SimpleX Chat v3 +
+
+ +
+

SimpleX Chat v3.1-beta is released

+

Sat, 23 Jul 2022

+ SimpleX Chat v3.1-beta is released +
+
+ +
+ \ No newline at end of file diff --git a/css/blogs.css b/css/blogs.css new file mode 100644 index 0000000000..0af8285022 --- /dev/null +++ b/css/blogs.css @@ -0,0 +1,208 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} +body { + font-family: Raleway, Arial, Helvetica, sans-serif; +} +h2, +h3, +p { + color: #062d56; +} +h2 { + font-size: 2.2rem; +} +h3 { + font-size: 1.8rem; +} +@media (max-width: 576px) { + h2 { + font-size: 1.9rem; + } + h3 { + font-size: 1.5rem; + } +} +p { + font-size: 1.1rem; + letter-spacing: 0.6px; + line-height: 30px; +} +a { + color: tomato; + font-size: 1.1rem; + letter-spacing: 0.6px; + text-decoration: none; +} +input, +button, +span.button { + border: none; + outline: none; + padding: 0.8rem 1.5rem; + font-size: 1rem; + letter-spacing: 1px; + border-radius: 25px; +} +input { + color: #062d56; + font-family: Raleway, Arial, Helvetica, sans-serif; + background-color: #f1f1f1; + width: 280px; +} +button, +span.button { + display: inline-block; + background-color: #07b4b9; + color: #fff; + text-align: center; + cursor: pointer; +} +button:active, +button:hover, +span.button:active, +span.button:hover { + filter: saturate(125%); +} +header { + background-color: #fbd561; + width: 100%; + position: sticky; + top: 0; + z-index: 10; + border-bottom: 1px solid #fff; +} +nav { + display: flex; + align-items: center; + justify-content: space-between; +} +nav .nav__buttons { + display: flex; + align-items: center; + flex-direction: row-reverse; + gap: 1rem; +} +nav .nav__buttons .button { + padding: 0.4rem 1.5rem; +} +nav .logo { + padding: 0.6rem 0rem; +} +button, +span.button { + display: inline-block; + background-color: #07b4b9; + color: #fff; + font-family: Raleway; + text-align: center; + cursor: pointer; +} +button:active, +span.button:active { + filter: saturate(125%); +} +.github-button { + visibility: hidden; +} + +footer { + padding: 1rem 0rem; + background-color: #f8f8f6; +} +footer > div { + display: flex; + justify-content: space-between; + align-items: center; +} +@media (max-width: 992px) { + footer > div { + justify-content: center; + } +} +footer p { + display: flex; + align-items: center; + gap: 0.2rem; +} +@media (max-width: 576px) { + footer p { + text-align: center; + } +} +footer .copyright img { + width: 22px; + height: 22px; +} +footer a { + display: flex; + align-items: center; +} + +@font-face { + font-family: Raleway; + src: url(./Raleway-Regular.woff2); + font-weight: normal; +} +@font-face { + font-family: Raleway; + src: url(./Raleway-Medium.woff2); + font-weight: 500; +} +@font-face { + font-family: Raleway; + src: url(./Raleway-Bold.woff2); + font-weight: bold; +} +.container { + max-width: 1320px; + margin: auto; + padding: 0rem 2rem; +} +@media (max-width: 1200px) { + .container { + max-width: 1140px; + } +} +@media (max-width: 992px) { + .container { + max-width: 960px; + } + .d-none-992 { + display: none !important; + } +} +@media (max-width: 768px) { + .container { + max-width: 720px; + } + .d-none-768 { + display: none !important; + } +} +@media (max-width: 576px) { + .container { + max-width: 100%; + padding: 0rem 1rem; + } + .d-none-576 { + display: none !important; + } +} +@media (min-width: 992px) { + .d-none-on-mobile { + display: none; + } +} +@media (max-width: 890px) { + .d-none-890 { + display: none; + } +} + +img{ + max-width: 100%; + height: auto; +} \ No newline at end of file diff --git a/css/tailwind.css b/css/tailwind.css index e981fdc576..76a3b7eec8 100644 --- a/css/tailwind.css +++ b/css/tailwind.css @@ -1,715 +1,243 @@ -/* -! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com -*/ - -/* -1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) -2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) -*/ - -*, -::before, -::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: #e5e7eb; - /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -*/ - -html { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - /* 4 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to `inherit` in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ - -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -*, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::-webkit-backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} +/* @tailwind base; */ .container { - width: 100%; + width: 100% } @media (min-width: 640px) { .container { - max-width: 640px; + max-width: 640px } } @media (min-width: 768px) { .container { - max-width: 768px; + max-width: 768px } } @media (min-width: 1024px) { .container { - max-width: 1024px; + max-width: 1024px } } @media (min-width: 1280px) { .container { - max-width: 1280px; + max-width: 1280px } } @media (min-width: 1536px) { .container { - max-width: 1536px; + max-width: 1536px } } .visible { - visibility: visible; + visibility: visible } .static { - position: static; + position: static } .fixed { - position: fixed; + position: fixed } .absolute { - position: absolute; + position: absolute } .m-4 { - margin: 1rem; + margin: 1rem } .m-20 { - margin: 5rem; + margin: 5rem } .m-10 { - margin: 2.5rem; + margin: 2.5rem } .m-0 { - margin: 0px; + margin: 0px } .m-1 { - margin: 0.25rem; + margin: 0.25rem +} + +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem +} + +.mt-5 { + margin-top: 1.25rem } .block { - display: block; + display: block } .inline-block { - display: inline-block; + display: inline-block } .inline { - display: inline; + display: inline } .flex { - display: flex; + display: flex } .table { - display: table; + display: table } .hidden { - display: none; + display: none } .h-0 { - height: 0px; + height: 0px } .shrink { - flex-shrink: 1; + flex-shrink: 1 } .transform { - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .resize { - resize: both; + resize: both +} + +.rounded-lg { + border-radius: 0.5rem } .border { - border-width: 1px; + border-width: 1px +} + +.bg-gray-100 { + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)) +} + +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .p-1 { - padding: 0.25rem; + padding: 0.25rem } .p-2 { - padding: 0.5rem; + padding: 0.5rem } .p-0 { - padding: 0px; + padding: 0px +} + +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem +} + +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem +} + +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem +} + +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem +} + +.font-medium { + font-weight: 500 } .italic { - font-style: italic; + font-style: italic } .underline { -webkit-text-decoration-line: underline; - text-decoration-line: underline; + text-decoration-line: underline } .overline { -webkit-text-decoration-line: overline; - text-decoration-line: overline; + text-decoration-line: overline } .line-through { -webkit-text-decoration-line: line-through; - text-decoration-line: line-through; + text-decoration-line: line-through } .outline { - outline-style: solid; + outline-style: solid } .blur { --tw-blur: blur(8px); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .filter { - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) +} + +.hover\:shadow-md:hover { + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) +} + +@media (min-width: 640px) { + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem + } +} + +@media (min-width: 768px) { + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem + } +} + +@media (min-width: 1024px) { + .lg\:px-16 { + padding-left: 4rem; + padding-right: 4rem + } } \ No newline at end of file