Webmaster/old2-ieeeucsd-org
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix icons not being rendered

Browse source
This commit is contained in:
chark1es 2024-05-14 12:19:21 -07:00
parent 051cf14445
commit 3eda65a188
5 changed files with 4644 additions and 3428 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
astro.config.mjs
View file

@ -4,16 +4,13 @@ import preact from "@astrojs/preact";
import mdx from "@astrojs/mdx";
import react from "@astrojs/react";
import icon from "astro-icon";
// https://astro.build/config
export default defineConfig({
integrations: [
mdx(),
tailwind(),
preact({
include: ["**/preact/*"],
}),
react({
include: ["**/react/*"],
}),
],
integrations: [mdx(), tailwind(), preact({
include: ["**/preact/*"]
}), react({
include: ["**/react/*"]
}), icon()]
});

42
package.json
View file

@ -10,29 +10,31 @@
"astro": "astro"
},
"dependencies": {
"@astrojs/check": "^0.5.9",
"@astrojs/mdx": "^2.2.0",
"@astrojs/preact": "^3.1.1",
"@astrojs/react": "^3.1.0",
"@astrojs/check": "^0.5.10",
"@astrojs/mdx": "^2.3.1",
"@astrojs/preact": "^3.3.0",
"@astrojs/react": "^3.3.4",
"@astrojs/tailwind": "^5.1.0",
"@fontsource-variable/epilogue": "^5.0.13",
"@fontsource-variable/josefin-sans": "^5.0.20",
"@fontsource-variable/lora": "^5.0.17",
"@fontsource/open-sans": "^5.0.27",
"@fontsource/vollkorn": "^5.0.19",
"astro": "^4.5.7",
"framer-motion": "^11.0.15",
"iconify-icon": "^2.0.0",
"preact": "^10.20.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tailwindcss": "^3.4.1",
"typescript": "^5.4.2"
"@fontsource-variable/epilogue": "^5.0.14",
"@fontsource-variable/josefin-sans": "^5.0.21",
"@fontsource-variable/lora": "^5.0.18",
"@fontsource/open-sans": "^5.0.28",
"@fontsource/vollkorn": "^5.0.20",
"@iconify-json/ic": "^1.1.17",
"@iconify-json/mdi": "^1.1.66",
"astro": "^4.8.3",
"astro-icon": "^1.1.0",
"framer-motion": "^11.2.0",
"preact": "^10.21.0",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"tailwindcss": "^3.4.3",
"typescript": "^5.4.5"
},
"devDependencies": {
"@tailwindcss/forms": "^0.5.7",
"@types/jquery": "^3.5.29",
"@types/node": "^20.11.30",
"sass": "^1.72.0"
"@types/jquery": "^3.5.30",
"@types/node": "^20.12.12",
"sass": "^1.77.1"
}
}

7938
pnpm-lock.yaml
View file

File diff suppressed because it is too large Load diff

10
src/layouts/Layout.astro
View file

@ -12,12 +12,7 @@ const { title, description, keywords, url, image } = Astro.props;
<head>
<script src="https://identity.netlify.com/v1/netlify-identity-widget.js"
></script>
<script
src="https://cdn.jsdelivr.net/npm/iconify-icon@2.0.0/dist/iconify-icon.min.js"
></script>
<script
src="https://code.iconify.design/iconify-icon/1.0.8/iconify-icon.min.js"
></script>
<script is:inline src="https://apis.google.com/js/api.js"></script>
<script
is:inline
@ -26,6 +21,9 @@ const { title, description, keywords, url, image } = Astro.props;
is:inline
src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"
></script>
<script
src="https://code.iconify.design/iconify-icon/1.0.8/iconify-icon.min.js"
></script>
</head>
<body class="">

21
src/pages/index.astro
View file

@ -4,6 +4,7 @@ import OfficerCard from "../components/react/OfficerCard.jsx";
import Officers from "../data/officers.json";
import OfficerTabs from "../components/react/OfficerTabs.jsx";
import "iconify-icon";
import { Icon } from "astro-icon/components";
---
<html lang="en">
@ -22,26 +23,26 @@ import "iconify-icon";
>
Join the 2nd largest IEEE student branch in the US!
</div>
<div class="scale-[600%] mt-10 space-x-2">
<div class="scale-[600%] mt-10 space-x-2 flex flex-row">
<a href="https://discord.gg/XxfjqZSjca">
<iconify-icon
icon="ic:baseline-discord"
<Icon
name="ic:baseline-discord"
class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-[#5562ea]"
></iconify-icon>
/>
</a>
<a href="https://www.facebook.com/ieeeucsd">
<iconify-icon
icon="ic:baseline-facebook"
<Icon
name="ic:baseline-facebook"
class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-[#0863f7]"
></iconify-icon>
/>
</a>
<a href="https://www.instagram.com/ieee.ucsd">
<iconify-icon
icon="mdi:instagram"
<Icon
name="mdi:instagram"
class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-[#ff68cd]"
></iconify-icon>
/>
</a>
</div>
</div>