YasinOnm08/interstellar_ai
0
0
Fork 0
forked from React-Group/interstellar_ai
Code Pull requests Activity

credit comments

Browse source
This commit is contained in:
sageTheDM 2024-10-11 09:51:23 +02:00
parent 5e41f80154
commit d3002611e5
1 changed files with 26 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
app/components/Credits.tsx
View file

@ -1,24 +1,45 @@
import React from 'react'; import React from 'react';
// Main Credits Component
const Credits: React.FC = () => ( const Credits: React.FC = () => (
<div className="credits-container"> <div className="credits-container">
<section id="credits" className="credits-section"> <section id="credits" className="credits-section">
<h1 className="title">Credits</h1> <h1 className="title">Credits</h1>
<h2 className="subtitle">Icons</h2> <h2 className="subtitle">Icons</h2>
<p className="paragraph">This project utilizes the following icon resources:</p> <p className="paragraph">This project utilizes the following icon resources:</p>
<CreditLink href="https://fontawesome.com/v4/license/" label="fontawesome" /> <CreditLink href="https://fontawesome.com/v4/license/" label="FontAwesome" />
<h2 className="subtitle">Fonts</h2> <h2 className="subtitle">Fonts</h2>
<p className="paragraph">The fonts used in this project are provided by:</p> <p className="paragraph">The fonts used in this project are provided by:</p>
<CreditLink href="https://github.com/itfoundry/Poppins" label="Poppins" /> <CreditLink href="https://github.com/itfoundry/Poppins" label="Poppins" />
<CreditLink href="https://openfontlicense.org" label="Inconsolata, Merriweather, Noto Sans, Noto Serif, Playfair Display, Bangers, Caveat, Frederika the Great, Sofadi One, Zilla Slab Highlight" /> <CreditLink
<CreditLink href="http://www.apache.org/licenses/LICENSE-2.0" label="Roboto, Rock Salt" /> href="https://openfontlicense.org"
label="Inconsolata, Merriweather, Noto Sans, Noto Serif, Playfair Display, Bangers, Caveat, Frederika the Great, Sofadi One, Zilla Slab Highlight"
/>
<CreditLink
href="http://www.apache.org/licenses/LICENSE-2.0"
label="Roboto, Rock Salt"
/>
<CreditLink href="https://ubuntu.com/legal/font-licence" label="Ubuntu" /> <CreditLink href="https://ubuntu.com/legal/font-licence" label="Ubuntu" />
</section> </section>
</div> </div>
); );
const CreditLink = ({ href, label }: { href: string; label: string }) => ( // CreditLink Component for rendering individual credit links
<a href={href} className="credit-btn" target="_blank" rel="noopener noreferrer">{label}</a> const CreditLink: React.FC<{ href: string; label: string }> = ({ href, label }) => (
<a
href={href}
className="credit-btn"
target="_blank"
rel="noopener noreferrer"
aria-label={`Visit ${label} license page`} // Improve accessibility
>
{label}
</a>
); );
export default Credits; export default Credits;
// also thank you Leart and Tristan without you two we would not have come this far
// and a special thanks and why are you so annoying to Eslint