albert/albert.lol
1
0
Fork 0
mirror of https://github.com/skidoodle/albert.lol.git synced 2025-02-15 06:09:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

path and single quotes

Browse source
This commit is contained in:
skidoodle 2022-03-29 23:08:44 +02:00 • committed by GitHub
parent abfc3e09b9
commit a75285d22a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 31 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

2
pages/_app.tsx
View file

@ -4,7 +4,7 @@ import { config, library } from '@fortawesome/fontawesome-svg-core';
import type { AppProps } from 'next/app' import type { AppProps } from 'next/app'
import '../src/styles/globals.scss' import '@/styles/globals.scss'
import '@fortawesome/fontawesome-svg-core/styles.css' import '@fortawesome/fontawesome-svg-core/styles.css'
library.add(fab, fas) library.add(fab, fas)

8
pages/_document.tsx
View file

@ -5,10 +5,10 @@ const Document = () => {
<> <>
<Html lang='en'> <Html lang='en'>
<Head> <Head>
<link rel="preconnect" href="https://vitals.vercel-insights.com" /> <link rel='preconnect' href='https://vitals.vercel-insights.com' />
<link rel="preconnect" href="https://ws.audioscrobbler.com" /> <link rel='preconnect' href='https://ws.audioscrobbler.com' />
<meta property="og:url" content="https://albrt.hu" /> <meta property='og:url' content='https://albrt.hu' />
<meta property="og:site_name" content="albrt.hu" /> <meta property='og:site_name' content='albrt.hu' />
<meta name='title' content='albert' /> <meta name='title' content='albert' />
<meta name='og:title' content='albert' /> <meta name='og:title' content='albert' />
<meta name='description' content='system administrator' /> <meta name='description' content='system administrator' />

16
pages/index.tsx
View file

@ -1,13 +1,13 @@
import { GetServerSideProps } from 'next' import { GetServerSideProps } from 'next'
import Head from 'next/head' import Head from 'next/head'
import Body from '../src/components/Body' import Body from '@/components/Body'
import Footer from '../src/components/Footer' import Footer from '@/components/Footer'
import Icon from '../src/components/Icon' import Icon from '@/components/Icon'
import IconLayout from '../src/components/IconLayout' import IconLayout from '@/components/IconLayout'
import MainLayout from '../src/components/MainLayout' import MainLayout from '@/components/MainLayout'
import Spotify from '../src/components/Spotify' import Spotify from '@/components/Spotify'
import Time from '../src/components/Time' import Time from '@/components/Time'
import Weather from '../src/components/Weather' import Weather from '@/components/Weather'
const Home = ({data}: any) => { const Home = ({data}: any) => {
return( return(

2
src/components/Body.tsx
View file

@ -1,4 +1,4 @@
import styles from '../styles/Home.module.scss' import styles from '@/styles/Home.module.scss'
const Body = ({children}: {children: any}) => { const Body = ({children}: {children: any}) => {
return( return(

4
src/components/Footer.tsx
View file

@ -1,9 +1,9 @@
import styles from '../styles/Home.module.scss' import styles from '@/styles/Home.module.scss'
const Footer = () => { const Footer = () => {
return( return(
<div className={styles.footerLayout}> <div className={styles.footerLayout}>
<a href='https://cigany.ninja' target="_blank" rel='noopener noreferrer'>?</a> <a href='https://cigany.ninja' target='_blank' rel='noopener noreferrer'>?</a>
</div> </div>
) )
} }

2
src/components/Icon.tsx
View file

@ -11,7 +11,7 @@ const Icon = ({icon, reference, copy = false} : {icon: any, reference: any, copy
<FontAwesomeIcon icon={icon} /> <FontAwesomeIcon icon={icon} />
</a> </a>
) : ( ) : (
<a href={reference} target='_blank' rel="noopener noreferrer" aria-label="Icon"> <a href={reference} target='_blank' rel='noopener noreferrer' aria-label="Icon">
<FontAwesomeIcon icon={icon} /> <FontAwesomeIcon icon={icon} />
</a> </a>
) )

2
src/components/IconLayout.tsx
View file

@ -1,4 +1,4 @@
import styles from '../styles/Home.module.scss' import styles from '@/styles/Home.module.scss'
const IconLayout = ({children}: {children: any}) => { const IconLayout = ({children}: {children: any}) => {
return( return(

2
src/components/MainLayout.tsx
View file

@ -1,4 +1,4 @@
import styles from '../styles/Home.module.scss' import styles from '@/styles/Home.module.scss'
const MainLayout = () => { const MainLayout = () => {
return( return(

8
src/components/Spotify.tsx
View file

@ -1,6 +1,6 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { useLastFM } from 'use-last-fm' import { useLastFM } from 'use-last-fm'
import styles from '../styles/Home.module.scss' import styles from '@/styles/Home.module.scss'
const Spotify = () => { const Spotify = () => {
const lastFM = useLastFM('albrtadam', 'f6d19bc25ca340225c70c3d386cd4eab'); const lastFM = useLastFM('albrtadam', 'f6d19bc25ca340225c70c3d386cd4eab');
@ -10,14 +10,14 @@ const Spotify = () => {
{lastFM.status === 'playing' {lastFM.status === 'playing'
? ?
<> <>
<a href={lastFM.song.url} target='_blank' rel="noopener noreferrer"> <a href={lastFM.song.url} target='_blank' rel='noopener noreferrer'>
<img src={lastFM.song.art} width={50} height={50} className={styles.song} alt=""/> <img src={lastFM.song.art} width={50} height={50} alt=""/>
<p>Listening to <b>{lastFM.song.name}</b></p> <p>Listening to <b>{lastFM.song.name}</b></p>
</a> </a>
</> </>
: :
<> <>
<img src="https://i.albrt.hu/66e8e4c6.webp" width={50} height={50} className={styles.nosong} alt=""/> <img src='https://i.albrt.hu/66e8e4c6.webp' width={50} height={50} alt=""/>
<p>Not listening to anything</p> <p>Not listening to anything</p>
</> </>
} }

3
src/components/Time.tsx
View file

@ -1,7 +1,6 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import styles from '@/styles/Home.module.scss'
import styles from '../styles/Home.module.scss'
const Timer = () => { const Timer = () => {
const [date, setDate] = useState(new Date()) const [date, setDate] = useState(new Date())

2
src/components/Weather.tsx
View file

@ -1,5 +1,5 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import styles from '../styles/Home.module.scss' import styles from '@/styles/Home.module.scss'
const Weather = ({data}: {data: any}) => { const Weather = ({data}: {data: any}) => {
const { temp: temperature } = data.main const { temp: temperature } = data.main

7
tsconfig.json
View file

@ -13,7 +13,12 @@
"resolveJsonModule": true, "resolveJsonModule": true,
"isolatedModules": true, "isolatedModules": true,
"jsx": "preserve", "jsx": "preserve",
"incremental": true "incremental": true,
"baseUrl": ".",
"paths": {
"@/styles/*": ["styles/*"],
"@/components/*": ["components/*"]
}
}, },
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
"exclude": ["node_modules"] "exclude": ["node_modules"]