- )}
-
+
+ )}
+
+
);
}
diff --git a/app/routes/_auth.dns-records.instructions.tsx b/app/routes/_auth.dns-records.instructions.tsx
index 1972e0a8..99e1da7c 100644
--- a/app/routes/_auth.dns-records.instructions.tsx
+++ b/app/routes/_auth.dns-records.instructions.tsx
@@ -1,19 +1,16 @@
-import { InfoOutlineIcon } from '@chakra-ui/icons';
+import { IoIosInformationCircleOutline } from 'react-icons/io';
import {
Heading,
Text,
Grid,
VStack,
- ListItem,
- OrderedList,
Link as ChakraLink,
Accordion,
Tabs,
- TabList,
- Tab,
- TabPanels,
- TabPanel,
Flex,
+ List,
+ Box,
+ Icon,
} from '@chakra-ui/react';
import { Link } from '@remix-run/react';
import FaqAccordion from '~/components/instructions/faq-accordion';
@@ -41,154 +38,152 @@ export default function CertificateInstructionsRoute() {
DNS Record Types
-
-
-
+
+
+ A Record
-
-
+
+ AAAA Record
-
-
+
+ CNAME Record
-
-
+
+ MX Record
-
-
+
+ TXT Record
-
-
+
+
-
-
-
-
- Purpose:{' '}
-
- Maps a domain name to an IPv4 address.
+
+
+
+ Purpose:{' '}
-
-
- Example:{' '}
-
- Your project's domain name is "my-project.user.mystudentproject.ca" and its IPv4
- address is "192.168.0.1". Create an A record to associate these two.
+ Maps a domain name to an IPv4 address.
+
+
+
+ Example:{' '}
-
-
-
-
- Purpose:{' '}
-
- Maps a domain name to an IPv6 address.
+ Your project's domain name is "my-project.user.mystudentproject.ca" and its IPv4
+ address is "192.168.0.1". Create an A record to associate these two.
+
+
+
+
+
+ Purpose:{' '}
-
-
- Example:{' '}
-
- Your project's domain name is "my-ipv6-project.user.mystudentproject.ca" and its
- IPv6 address is "2001:0db8:85a3:0000:0000:8a2e:0370:7334". Create an AAAA record
- to associate these two.
+ Maps a domain name to an IPv6 address.
+
+
+
+ Example:{' '}
-
-
-
-
- Purpose:{' '}
-
- Maps a domain name to another domain name.
+ Your project's domain name is "my-ipv6-project.user.mystudentproject.ca" and its
+ IPv6 address is "2001:0db8:85a3:0000:0000:8a2e:0370:7334". Create an AAAA record to
+ associate these two.
+
+
+
+
+
+ Purpose:{' '}
-
-
- Example:{' '}
-
- Your project's domain name is "my-project.user.mystudentproject.ca", and you also
- have a custom domain called "my-custom-domain.com". Create a CNAME record to map
- "my-custom-domain.com" to "my-project.user.mystudentproject.ca".
+ Maps a domain name to another domain name.
+
+
+
+ Example:{' '}
-
-
- Note:{' '}
-
- When creating a CNAME record, remember to only include the domain name in the
- value field. Including other parts of a URL, such as "https://" or a trailing "/",
- can cause the CNAME record to fail to resolve correctly.
+ Your project's domain name is "my-project.user.mystudentproject.ca", and you also
+ have a custom domain called "my-custom-domain.com". Create a CNAME record to map
+ "my-custom-domain.com" to "my-project.user.mystudentproject.ca".
+
+
+
+ Note:{' '}
-
-
-
-
- Purpose:{' '}
-
- Directs email to a mail server.
+ When creating a CNAME record, remember to only include the domain name in the value
+ field. Including other parts of a URL, such as "https://" or a trailing "/", can
+ cause the CNAME record to fail to resolve correctly.
+
+
+
+
+
+ Purpose:{' '}
-
-
- Example:{' '}
-
- Your project's domain name is "my-project.user.mystudentproject.ca", and you have
- a mail server running at "mail.my-mail-server.com". You wish people to contact you
- at "@my-project.user.mystudentproject.ca". Create an MX record that maps
- "my-project.user.mystudentproject.ca" to "mail.my-mail-server.com".
+ Directs email to a mail server.
+
+
+
+ Example:{' '}
-
-
- Note:{' '}
-
- An MX record has to point to an A or AAAA record, while pointing to a CNAME is
- forbidden. In the example above, "mail.my-mail-server.com" has to be an A or AAAA
- record.
+ Your project's domain name is "my-project.user.mystudentproject.ca", and you have a
+ mail server running at "mail.my-mail-server.com". You wish people to contact you at
+ "@my-project.user.mystudentproject.ca". Create an MX record that maps
+ "my-project.user.mystudentproject.ca" to "mail.my-mail-server.com".
+
+
+
+ Note:{' '}
-
-
-
-
- Purpose:{' '}
-
- Allows the domain owner to add arbitrary text to the DNS record, often used for
- verification purposes.
+ An MX record has to point to an A or AAAA record, while pointing to a CNAME is
+ forbidden. In the example above, "mail.my-mail-server.com" has to be an A or AAAA
+ record.
+
+
+
+
+
+ Purpose:{' '}
-
-
- Example:{' '}
-
- You need to verify your domain ownership for a third-party service. They provide a
- unique code "12345abcde". Create a TXT record with the value "12345abcde" for your
- domain.
+ Allows the domain owner to add arbitrary text to the DNS record, often used for
+ verification purposes.
+
+
+
+ Example:{' '}
-
-
-
+ You need to verify your domain ownership for a third-party service. They provide a
+ unique code "12345abcde". Create a TXT record with the value "12345abcde" for your
+ domain.
+
+
+
How to Create the first DNS Record?
-
-
- Go to the{' '}
-
-
- DNS records page.
-
-
-
-
- Hit the "Create your first DNS Record!" button: On the DNS records page, click the
- "Create your first DNS Record!" button to open the DNS record creation form.
-
-
- Put appropriate values in fields: Fill in the required information for the selected
- record type. (Refer to the previous section to learn about DNS record types and their
- corresponding values.) Some fields are optional and they are used mainly for data
- collection purposes, feel free to leave them blank.
-
-
- Hit the "Create" button: After entering the required information, click the "Create"
- button to generate your DNS record.
-
-
+
+
+
+ Go to the{' '}
+
+ DNS records page.
+
+
+
+ Hit the "Create your first DNS Record!" button: On the DNS records page, click the
+ "Create your first DNS Record!" button to open the DNS record creation form.
+
+
+ Put appropriate values in fields: Fill in the required information for the selected
+ record type. (Refer to the previous section to learn about DNS record types and
+ their corresponding values.) Some fields are optional and they are used mainly for
+ data collection purposes, feel free to leave them blank.
+
+
+ Hit the "Create" button: After entering the required information, click the "Create"
+ button to generate your DNS record.
+
+
+
Remember to test your project's web address to ensure it is accessible and functioning
correctly. Note that it may take some time for DNS changes to propagate.
@@ -197,7 +192,8 @@ export default function CertificateInstructionsRoute() {
For more information on DNS Records refer{' '}
here.
@@ -208,7 +204,7 @@ export default function CertificateInstructionsRoute() {
FAQ
-
+
DNS propagation time can vary depending on factors such as the specific DNS servers
@@ -218,11 +214,15 @@ export default function CertificateInstructionsRoute() {
To help you monitor the propagation status of your DNS records, we provide an
- information icon next to each record.
- Clicking on this icon will take you to a DNS record propagation map, where you can
- track the progress of your DNS changes in real-time. This map shows you which DNS
- servers around the world have updated their cache with your new record information,
- allowing you to gauge when your changes will become accessible globally.
+ information icon{' '}
+
+
+ {' '}
+ next to each record. Clicking on this icon will take you to a DNS record propagation
+ map, where you can track the progress of your DNS changes in real-time. This map
+ shows you which DNS servers around the world have updated their cache with your new
+ record information, allowing you to gauge when your changes will become accessible
+ globally.
@@ -230,16 +230,14 @@ export default function CertificateInstructionsRoute() {
Yes, there is a limitation on the number of DNS records you can create. Each user is
allowed to create up to certain number DNS records for their projects. You could see
your current limit at{' '}
-
-
- DNS records page.
-
-
+
+ DNS records page.
+
This limit helps manage resources efficiently and ensures fair usage of the platform
for all students
-
+
diff --git a/app/routes/_auth.dns-records.new.tsx b/app/routes/_auth.dns-records.new.tsx
index 53c3f733..31654cee 100644
--- a/app/routes/_auth.dns-records.new.tsx
+++ b/app/routes/_auth.dns-records.new.tsx
@@ -57,8 +57,8 @@ export default function NewDnsRecordRoute() {
Choose a subdomain Name. This will be used to build your domain.
(i.e. [subdomain].[username].mystudentproject.ca).
Then enter a Type and Value that will be mapped with your domain. For more info refer to our{' '}
-
- instructions page.
+
+ instructions page.
diff --git a/app/routes/login.tsx b/app/routes/login.tsx
index 7c3f4c2e..0dd51181 100644
--- a/app/routes/login.tsx
+++ b/app/routes/login.tsx
@@ -8,8 +8,9 @@ import {
GridItem,
VStack,
Flex,
+ Icon,
} from '@chakra-ui/react';
-import { LockIcon } from '@chakra-ui/icons';
+import { FaLock } from 'react-icons/fa6';
import type { ActionFunctionArgs } from '@remix-run/node';
import { redirect } from '@remix-run/node';
import { Form } from '@remix-run/react';
@@ -50,7 +51,9 @@ export default function Login() {
-
+
+
+