Skip to content

Commit

Permalink
Merge pull request #8 from pheralb/next
Browse files Browse the repository at this point in the history
🚀 New website update & add new icon.
  • Loading branch information
pheralb authored Oct 1, 2022
2 parents d874e79 + 940f017 commit 35fbd0f
Show file tree
Hide file tree
Showing 14 changed files with 523 additions and 273 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div align="center">
<a href="https://react-symbols.vercel.app/">
<img src="https://i.ibb.co/BK91kdq/banner.png">
<img src="website/public/images/banner.png">
</a>

![GitHub releases](https://img.shields.io/github/release/pheralb/react-symbols)
Expand Down
8 changes: 4 additions & 4 deletions library/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@react-symbols/icons",
"version": "1.1.1",
"version": "1.1.2",
"description": "File icons by Miguel Solorio for React",
"keywords": [
"react",
Expand Down Expand Up @@ -40,14 +40,14 @@
},
"devDependencies": {
"@swc/cli": "0.1.57",
"@swc/core": "1.3.2",
"@types/node": "18.7.18",
"@swc/core": "1.3.4",
"@types/node": "18.7.23",
"@types/react": "18.0.21",
"@types/react-dom": "18.0.6",
"react": "18.2.0",
"react-dom": "18.2.0",
"tsup": "6.2.3",
"typescript": "4.8.3"
"typescript": "4.8.4"
},
"peerDependencies": {
"react": ">=16.8.0",
Expand Down
1 change: 1 addition & 0 deletions library/src/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@ export { default as Docker } from './library/docker.js';
export { default as Document } from './library/document.js';
export { default as Dts } from './library/dts.js';
export { default as Eslint } from './library/eslint.js';
export { default as Elixir } from './library/elixir.js';
export { default as Firebase } from './library/firebase.js';
export { default as Fsharp } from './library/fsharp.js';
export { default as Gear } from './library/gear.js';
Expand Down
17 changes: 17 additions & 0 deletions library/src/library/elixir.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import { ComponentProps, FC } from 'react';

const Elixir: FC<ComponentProps<'svg'>> = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
{...props}
>
<path
fill="#A855F7"
d="M17.33 11.4l-5.016-8.016c-.144-.24-.432-.384-.72-.384a.878.878 0 00-.72.384L5.858 11.4s0 .024-.024.024c-1.128 1.92-1.104 4.272.024 6.24A6.614 6.614 0 0011.57 21a6.614 6.614 0 005.712-3.336c1.128-1.968 1.152-4.296.024-6.24.024 0 .024 0 .024-.024zm-1.464 5.424c-.888 1.536-2.52 2.496-4.272 2.496-1.752 0-3.384-.96-4.272-2.496-.84-1.44-.84-3.144-.048-4.536l4.32-6.864 4.296 6.864c.816 1.392.792 3.096-.024 4.536z"
></path>
</svg>
);

export default Elixir;
Binary file modified website/public/images/og_image.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed website/public/images/og_image_gh.jpg
Binary file not shown.
Binary file added website/public/images/transparent.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion website/src/components/header/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { Github } from "@react-symbols/icons";
import { Link } from "react-router-dom";

const Header = () => (
<div className="sticky top-0 z-50 w-full pb-4 pl-4 pr-4 bg-black lg:pl-0 lg:pr-0">
<div className="sticky top-0 z-50 w-full pb-4 pl-4 pr-4 bg-midnight lg:pl-0 lg:pr-0">
<div className="container pt-4 mx-auto ">
<div className="flex items-center justify-between">
<Link to="/">
Expand Down
179 changes: 90 additions & 89 deletions website/src/data/icons.ts
Original file line number Diff line number Diff line change
@@ -1,92 +1,93 @@
import * as ReactSymbols from '@react-symbols/icons';
import * as ReactSymbols from "@react-symbols/icons";

export const Icons = [
{ name: 'Angular', icon: ReactSymbols.Angular },
{ name: 'Astro', icon: ReactSymbols.Astro },
{ name: 'BracketsBlue', icon: ReactSymbols.BracketsBlue },
{ name: 'BracketsGray', icon: ReactSymbols.BracketsGray },
{ name: 'BracketsGreen', icon: ReactSymbols.BracketsGreen },
{ name: 'BracketsOrange', icon: ReactSymbols.BracketsOrange },
{ name: 'BracketsPurple', icon: ReactSymbols.BracketsPurple },
{ name: 'BracketsRed', icon: ReactSymbols.BracketsRed },
{ name: 'BracketsSky', icon: ReactSymbols.BracketsSky },
{ name: 'BracketsYellow', icon: ReactSymbols.BracketsYellow },
{ name: 'C', icon: ReactSymbols.C },
{ name: 'Clojure', icon: ReactSymbols.Clojure },
{ name: 'CodeBlue', icon: ReactSymbols.CodeBlue },
{ name: 'CodeGray', icon: ReactSymbols.CodeGray },
{ name: 'CodeGreen', icon: ReactSymbols.CodeGreen },
{ name: 'CodeOrange', icon: ReactSymbols.CodeOrange },
{ name: 'CodePurple', icon: ReactSymbols.CodePurple },
{ name: 'CodeRed', icon: ReactSymbols.CodeRed },
{ name: 'CodeSky', icon: ReactSymbols.CodeSky },
{ name: 'CodeYellow', icon: ReactSymbols.CodeYellow },
{ name: 'Coffeescript', icon: ReactSymbols.CoffeeScript },
{ name: 'Cplus', icon: ReactSymbols.Cplus },
{ name: 'Csharp', icon: ReactSymbols.Csharp },
{ name: 'Csv', icon: ReactSymbols.Csv },
{ name: 'Dart', icon: ReactSymbols.Dart },
{ name: 'Database', icon: ReactSymbols.Database },
{ name: 'Docker', icon: ReactSymbols.Docker },
{ name: 'Document', icon: ReactSymbols.Document },
{ name: 'Dts', icon: ReactSymbols.Dts },
{ name: 'Eslint', icon: ReactSymbols.Eslint },
{ name: 'Firebase', icon: ReactSymbols.Firebase },
{ name: 'Fsharp', icon: ReactSymbols.Fsharp },
{ name: 'Gear', icon: ReactSymbols.Gear },
{ name: 'Git', icon: ReactSymbols.Git },
{ name: 'Github', icon: ReactSymbols.Github },
{ name: 'Go', icon: ReactSymbols.Go },
{ name: 'GoMod', icon: ReactSymbols.GoMod },
{ name: 'Gradle', icon: ReactSymbols.Gradle },
{ name: 'Graphql', icon: ReactSymbols.Graphql },
{ name: 'Hugo', icon: ReactSymbols.Hugo },
{ name: 'Ignore', icon: ReactSymbols.Ignore },
{ name: 'Image', icon: ReactSymbols.Image },
{ name: 'Java', icon: ReactSymbols.Java },
{ name: 'Jest', icon: ReactSymbols.Jest },
{ name: 'Js', icon: ReactSymbols.Js },
{ name: 'Julia', icon: ReactSymbols.Julia },
{ name: 'JuliaMarkdown', icon: ReactSymbols.JuliaMarkdown },
{ name: 'Kotlin', icon: ReactSymbols.Kotlin },
{ name: 'License', icon: ReactSymbols.License },
{ name: 'Lua', icon: ReactSymbols.Lua },
{ name: 'Markdown', icon: ReactSymbols.Markdown },
{ name: 'Next', icon: ReactSymbols.Next },
{ name: 'Node', icon: ReactSymbols.Node },
{ name: 'Notebook', icon: ReactSymbols.Notebook },
{ name: 'Npm', icon: ReactSymbols.NPM },
{ name: 'Perl', icon: ReactSymbols.Perl },
{ name: 'Pnpm', icon: ReactSymbols.PNPM },
{ name: 'Postcss', icon: ReactSymbols.PostCSS },
{ name: 'Prettier', icon: ReactSymbols.Prettier },
{ name: 'Prisma', icon: ReactSymbols.Prisma },
{ name: 'Pug', icon: ReactSymbols.Pug },
{ name: 'Pulumi', icon: ReactSymbols.Pulumi },
{ name: 'Puzzle', icon: ReactSymbols.Puzzle },
{ name: 'Python', icon: ReactSymbols.Python },
{ name: 'R', icon: ReactSymbols.R },
{ name: 'React', icon: ReactSymbols.Reactjs },
{ name: 'ReactTs', icon: ReactSymbols.Reactts },
{ name: 'Robot', icon: ReactSymbols.Robot },
{ name: 'Ruby', icon: ReactSymbols.Ruby },
{ name: 'Rust', icon: ReactSymbols.Rust },
{ name: 'Sass', icon: ReactSymbols.Sass },
{ name: 'Sbt', icon: ReactSymbols.Sbt },
{ name: 'Scala', icon: ReactSymbols.Scala },
{ name: 'Shell', icon: ReactSymbols.Shell },
{ name: 'Storybook', icon: ReactSymbols.Storybook },
{ name: 'Stylus', icon: ReactSymbols.Stylus },
{ name: 'Svelte', icon: ReactSymbols.Svelte },
{ name: 'Svg', icon: ReactSymbols.SVG },
{ name: 'Swift', icon: ReactSymbols.Swift },
{ name: 'Tailwind', icon: ReactSymbols.Tailwind },
{ name: 'Text', icon: ReactSymbols.Text },
{ name: 'Ts', icon: ReactSymbols.TypeScript },
{ name: 'Vite', icon: ReactSymbols.Vite },
{ name: 'Vue', icon: ReactSymbols.Vue },
{ name: 'Webpack', icon: ReactSymbols.Webpack },
{ name: 'Xml', icon: ReactSymbols.XML },
{ name: 'Yaml', icon: ReactSymbols.Yaml },
{ name: 'Yarn', icon: ReactSymbols.Yarn }
{ name: "Angular", icon: ReactSymbols.Angular },
{ name: "Astro", icon: ReactSymbols.Astro },
{ name: "BracketsBlue", icon: ReactSymbols.BracketsBlue },
{ name: "BracketsGray", icon: ReactSymbols.BracketsGray },
{ name: "BracketsGreen", icon: ReactSymbols.BracketsGreen },
{ name: "BracketsOrange", icon: ReactSymbols.BracketsOrange },
{ name: "BracketsPurple", icon: ReactSymbols.BracketsPurple },
{ name: "BracketsRed", icon: ReactSymbols.BracketsRed },
{ name: "BracketsSky", icon: ReactSymbols.BracketsSky },
{ name: "BracketsYellow", icon: ReactSymbols.BracketsYellow },
{ name: "C", icon: ReactSymbols.C },
{ name: "Clojure", icon: ReactSymbols.Clojure },
{ name: "CodeBlue", icon: ReactSymbols.CodeBlue },
{ name: "CodeGray", icon: ReactSymbols.CodeGray },
{ name: "CodeGreen", icon: ReactSymbols.CodeGreen },
{ name: "CodeOrange", icon: ReactSymbols.CodeOrange },
{ name: "CodePurple", icon: ReactSymbols.CodePurple },
{ name: "CodeRed", icon: ReactSymbols.CodeRed },
{ name: "CodeSky", icon: ReactSymbols.CodeSky },
{ name: "CodeYellow", icon: ReactSymbols.CodeYellow },
{ name: "Coffeescript", icon: ReactSymbols.CoffeeScript },
{ name: "Cplus", icon: ReactSymbols.Cplus },
{ name: "Csharp", icon: ReactSymbols.Csharp },
{ name: "Csv", icon: ReactSymbols.Csv },
{ name: "Dart", icon: ReactSymbols.Dart },
{ name: "Database", icon: ReactSymbols.Database },
{ name: "Docker", icon: ReactSymbols.Docker },
{ name: "Document", icon: ReactSymbols.Document },
{ name: "Dts", icon: ReactSymbols.Dts },
{ name: "Eslint", icon: ReactSymbols.Eslint },
{ name: "Elixir", icon: ReactSymbols.Elixir },
{ name: "Firebase", icon: ReactSymbols.Firebase },
{ name: "Fsharp", icon: ReactSymbols.Fsharp },
{ name: "Gear", icon: ReactSymbols.Gear },
{ name: "Git", icon: ReactSymbols.Git },
{ name: "Github", icon: ReactSymbols.Github },
{ name: "Go", icon: ReactSymbols.Go },
{ name: "GoMod", icon: ReactSymbols.GoMod },
{ name: "Gradle", icon: ReactSymbols.Gradle },
{ name: "Graphql", icon: ReactSymbols.Graphql },
{ name: "Hugo", icon: ReactSymbols.Hugo },
{ name: "Ignore", icon: ReactSymbols.Ignore },
{ name: "Image", icon: ReactSymbols.Image },
{ name: "Java", icon: ReactSymbols.Java },
{ name: "Jest", icon: ReactSymbols.Jest },
{ name: "Js", icon: ReactSymbols.Js },
{ name: "Julia", icon: ReactSymbols.Julia },
{ name: "JuliaMarkdown", icon: ReactSymbols.JuliaMarkdown },
{ name: "Kotlin", icon: ReactSymbols.Kotlin },
{ name: "License", icon: ReactSymbols.License },
{ name: "Lua", icon: ReactSymbols.Lua },
{ name: "Markdown", icon: ReactSymbols.Markdown },
{ name: "Next", icon: ReactSymbols.Next },
{ name: "Node", icon: ReactSymbols.Node },
{ name: "Notebook", icon: ReactSymbols.Notebook },
{ name: "Npm", icon: ReactSymbols.NPM },
{ name: "Perl", icon: ReactSymbols.Perl },
{ name: "Pnpm", icon: ReactSymbols.PNPM },
{ name: "Postcss", icon: ReactSymbols.PostCSS },
{ name: "Prettier", icon: ReactSymbols.Prettier },
{ name: "Prisma", icon: ReactSymbols.Prisma },
{ name: "Pug", icon: ReactSymbols.Pug },
{ name: "Pulumi", icon: ReactSymbols.Pulumi },
{ name: "Puzzle", icon: ReactSymbols.Puzzle },
{ name: "Python", icon: ReactSymbols.Python },
{ name: "R", icon: ReactSymbols.R },
{ name: "React", icon: ReactSymbols.Reactjs },
{ name: "ReactTs", icon: ReactSymbols.Reactts },
{ name: "Robot", icon: ReactSymbols.Robot },
{ name: "Ruby", icon: ReactSymbols.Ruby },
{ name: "Rust", icon: ReactSymbols.Rust },
{ name: "Sass", icon: ReactSymbols.Sass },
{ name: "Sbt", icon: ReactSymbols.Sbt },
{ name: "Scala", icon: ReactSymbols.Scala },
{ name: "Shell", icon: ReactSymbols.Shell },
{ name: "Storybook", icon: ReactSymbols.Storybook },
{ name: "Stylus", icon: ReactSymbols.Stylus },
{ name: "Svelte", icon: ReactSymbols.Svelte },
{ name: "Svg", icon: ReactSymbols.SVG },
{ name: "Swift", icon: ReactSymbols.Swift },
{ name: "Tailwind", icon: ReactSymbols.Tailwind },
{ name: "Text", icon: ReactSymbols.Text },
{ name: "Ts", icon: ReactSymbols.TypeScript },
{ name: "Vite", icon: ReactSymbols.Vite },
{ name: "Vue", icon: ReactSymbols.Vue },
{ name: "Webpack", icon: ReactSymbols.Webpack },
{ name: "Xml", icon: ReactSymbols.XML },
{ name: "Yaml", icon: ReactSymbols.Yaml },
{ name: "Yarn", icon: ReactSymbols.Yarn },
];
10 changes: 5 additions & 5 deletions website/src/motions/show.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { motion } from 'framer-motion';
import type { FC, ReactNode } from 'react';
import { motion } from "framer-motion";
import type { FC, ReactNode } from "react";

type ShowProps = {
children: ReactNode;
Expand All @@ -8,11 +8,11 @@ type ShowProps = {

const Show: FC<ShowProps> = ({ children, delay }) => (
<motion.div
initial={{ y: 10, opacity: 0 }}
animate={{ y: 0, opacity: 0.9 }}
initial={{ y: -4, opacity: 0 }}
animate={{ y: 0, opacity: 1 }}
transition={{
duration: 0.4,
delay: delay
delay: delay,
}}
>
{children}
Expand Down
Loading

1 comment on commit 35fbd0f

@vercel
Copy link

@vercel vercel bot commented on 35fbd0f Oct 1, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

react-symbols – ./

react-symbols.vercel.app
react-symbols-pheralb.vercel.app
react-symbols-git-main-pheralb.vercel.app

Please sign in to comment.