Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

updated iso and checksum link and VerifySection.png #361

Merged
merged 4 commits into from
Jan 10, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified docs/projects/tcet-linux-website/assets/VerifySection.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -53,23 +53,23 @@ The Download component represents the Second section of the [**TCET Linux websit
// Download Button
```

3. This `<a> tag` *link element* represents the ***download button***. It has classes for styling, including a blue background color, padding, cursor style, rounded corners, and a border. The button contains the text ***Download*** and an image of a ***download icon***. The href attribute specifies the Github URL to downloadable ***iso image file*** which is linked to the [***Download***](https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/tcetlinux-2023.05.05-x86_64.iso). It is represented by line **1-4**. The `button` element in this section represents a **clickable** button. It has styles applied as per our requirements.
3. This `<a> tag` *link element* represents the ***download button***. It has classes for styling, including a blue background color, padding, cursor style, rounded corners, and a border. The button contains the text ***Download*** and an image of a ***download icon***. The href attribute specifies the Github URL to downloadable ***iso image file*** which is linked to the [***Download***](https://github.com/tcet-opensource/tcet-linux/releases/download/v1.1/tcetlinux-2024.01.09-x86_64.iso). It is represented by line **1-4**. The `button` element in this section represents a **clickable** button. It has styles applied as per our requirements.

``` jsx title="DownloadSection.astro" {2-4} showLineNumbers
// Discription
<a class="flex flex-row bg-blue-900 w-fit py-3 px-5 cursor-pointer gap-5 items-center justify-center rounded-full border-custom-w border-custom-border-color hover:bg-blue-500 font-semibold text-base" href="https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/tcetlinux-2023.05.05-x86_64.iso" >
<a class="flex flex-row bg-blue-900 w-fit py-3 px-5 cursor-pointer gap-5 items-center justify-center rounded-full border-custom-w border-custom-border-color hover:bg-blue-500 font-semibold text-base" href="https://github.com/tcet-opensource/tcet-linux/releases/download/v1.1/tcetlinux-2024.01.09-x86_64.iso" >
Download
<img class="w-full h-full" src="images/download-icon.svg" alt="" />
</a>
// Checksum Button
```

4. This `<a> tag` *link element* represents the ***checksum button***. It has classes for styling, including border, padding, cursor style, and rounded corners. The button contains the text **Checksum** and an image of a **download icon**. The href attribute specifies the URL for the checksum section in the website. It has the text and downward arrow displaying **"Checksum"** which is linked to the [*Checksum File*](https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/checksum). It is represented by line **2**. The `button` element in this section represents a **clickable** button.
4. This `<a> tag` *link element* represents the ***checksum button***. It has classes for styling, including border, padding, cursor style, and rounded corners. The button contains the text **Checksum** and an image of a **download icon**. The href attribute specifies the URL for the checksum section in the website. It has the text and downward arrow displaying **"Checksum"** which is linked to the [*Checksum File*](https://github.com/tcet-opensource/tcet-linux/releases/download/v1.1/checksum). It is represented by line **2**. The `button` element in this section represents a **clickable** button.

``` jsx title="DownloadSection.astro" {3,6,8} showLineNumbers
// Download Button
<a
href="https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/checksum"
href="https://github.com/tcet-opensource/tcet-linux/releases/download/v1.1/checksum"
class="flex flex-row w-max h-fit p-2 px-4 cursor-pointer gap-2 items-center justify-center border rounded-full border-white hover:bg-blue-50 hover:bg-opacity-20 text-white"
id="req-btn">
<span class="md:font-semibold">Checksum</span>
Expand Down Expand Up @@ -140,4 +140,4 @@ You can visit
:::
<br />

_The [**Download Section of Home Page**](download-section) was succesfully executed! Let's move on and see how we created the [**Hero Section**](hero) component of the **[TCET Linux Website](https://linux.tcetmumbai.in/)**._
_The [**Download Section of Home Page**](download-section) was succesfully executed! Let's move on and see how we created the [**Hero Section**](hero) component of the **[TCET Linux Website](https://linux.tcetmumbai.in/)**._
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ sidebar_label: Hero
keywords: [Hero, Main, ]
---

The **Hero** component represents the first section of the [**TCET Linux Website**](https://linux.tcetmumbai.in/). **Hero** section is designed by our team to make a strong visual impact and introduce the **TCET Linux Operating System** to the Users. We have provides a brief description of the `Operating System's` features and its association with **Arch Linux** and the **TCET Open Source Community**, also we have included buttons for users to explore more about TCET Linux and view the system requirements for installing [**TCET Linux System**](https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/checksum) on your Device .
The **Hero** component represents the first section of the [**TCET Linux Website**](https://linux.tcetmumbai.in/). **Hero** section is designed by our team to make a strong visual impact and introduce the **TCET Linux Operating System** to the Users. We have provides a brief description of the `Operating System's` features and its association with **Arch Linux** and the **TCET Open Source Community**, also we have included buttons for users to explore more about TCET Linux and view the system requirements for installing [**TCET Linux System**](https://github.com/tcet-opensource/tcet-linux/releases/download/v1.1/checksum) on your Device .

## Hero Content Section

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ description: Installation Steps Component in Tcet Linux Website
sidebar_label: Installation Steps
keywords: [Installation Steps, Installation, Steps, Guide, linux guide ]
---
TCET Linux Installation Steps `element` is a step-by-step guide created by us that will walk you through the process of installing [**TCET Linux**](https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/checksum) on your system. We have included all the neccessary steps from **Initial Welcome Screen** to selecting your **Location**, **Keyboard Layout**, **Storage Partitioning**, and **User Details**. This `Section` in the [**TCET Linux Website**](https://linux.tcetmumbai.in/) helps the user to easily install `TCET Linux` on their Device.
TCET Linux Installation Steps `element` is a step-by-step guide created by us that will walk you through the process of installing [**TCET Linux**](https://github.com/tcet-opensource/tcet-linux/releases/download/v1.1/checksum) on your system. We have included all the neccessary steps from **Initial Welcome Screen** to selecting your **Location**, **Keyboard Layout**, **Storage Partitioning**, and **User Details**. This `Section` in the [**TCET Linux Website**](https://linux.tcetmumbai.in/) helps the user to easily install `TCET Linux` on their Device.

**Here's how we implemented code of this `Element` :**

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ The `<p>` element contains the heading ***"Verify Your Download."*** Both the el
<p class="font-title text-[#FCFCFD] text-xl md:text-2xl pt-2 pb-2">
SHA256SUMS Below:
</p>
<p class="text-[#E4E7EC]">IMAGE: tcetlinux-2023.05. 05-x86_64.iso</p>
<p class="text-[#E4E7EC]">IMAGE: tcetlinux-2024.01.09-x86_64.iso</p>
</div>
{
/* bg-gradient-to-r from-teal-100 via-indigo-500 to-pink-300 opacity-100 rounded-b-xl */
Expand All @@ -140,9 +140,9 @@ The `<p>` element contains the heading ***"Verify Your Download."*** Both the el
</div>
<span class="z-20 w-full h-auto flex justify-around align-middle p-3 " >
<p class="text-[#E4E7EC] flex-1 mt-1 break-all">
cb9257aea691441a0a7c628b8cc199d7746220651daf035d261c6670ac1a2f49
c2596f8f9d0e75445cc70f278c522289ed2fdd64285a9c82b3326ef4d6e200e8
</p>
<CopyToClipboard client:load text= {"cb9257aea691441a0a7c628b8cc199d7746220651daf035d261c6670ac1a2f49"} />
<CopyToClipboard client:load text= {"c2596f8f9d0e75445cc70f278c522289ed2fdd64285a9c82b3326ef4d6e200e8"} />
</span>
</div>
</div>
Expand All @@ -169,10 +169,10 @@ This `<div>` element represents a container for the verification explanation sec

import VerifySection from "/docs/projects/tcet-linux-website/assets/VerifySection.png";

<img src = {VerifySection} style={{ border: "2px solid gray" }} />

<br />
<center><b><figcaption>TCET Linux- Verify Section</figcaption></b></center>
<center>
<img src = {VerifySection} style={{ border: "2px solid gray" }} />
<b><figcaption>TCET Linux- Verify Section</figcaption></b>
</center>
<br />

:::tip
Expand All @@ -182,4 +182,4 @@ You can visit
:::
<br />

_The [**Verification Section of Home Page**](verify-downloads) was succesfully executed! You can visit the **[TCET Linux Website](https://linux.tcetmumbai.in/)** to see the output of the code._
_The [**Verification Section of Home Page**](verify-downloads) was succesfully executed! You can visit the **[TCET Linux Website](https://linux.tcetmumbai.in/)** to see the output of the code._