···

       
42
       
42
       
 
       


     

       
43
       
43
       
 
       
        .bar {

     

       
44
       
44
       
 
       
          width: 2px;

     

       
45
       
45
       
-
       
          background: linear-gradient(to top, #1b1bff, #8585fe, #1b1bff);

     

       
45
       
45
       
+
       
          /*background: linear-gradient(to top, #1b1bff, #8585fe, #1b1bff);*/

     

       
46
       
46
       
+
       
          background: rgb(0, 151, 188);

     

       
46
       
47
       
 
       
          border-radius: 1px;

     

       
47
       
48
       
 
       
          animation: wave 2.5s ease-in-out infinite; 

     

       
48
       
49
       
 
       
        }

     

···

       
1
       
1
       
 
       
---

     

       
2
       
2
       
-
       
import Bluesky from "./icons/Bluesky.astro";

     

       
3
       
3
       
-
       
import Discord from "./icons/Discord.astro";

     

       
2
       
2
       
+
       
import Bluesky from "../icons/Bluesky.astro";

     

       
3
       
3
       
+
       
import Discord from "../icons/Discord.astro";

     

       
4
       
4
       
 
       
import SocialLink from "./SocialLink.astro";

     

       
5
       
5
       
-
       
import Tangled from "./icons/Tangled.astro";

     

       
5
       
5
       
+
       
import Tangled from "../icons/Tangled.astro";

     

       
6
       
6
       
 
       


     

       
7
       
7
       
 
       
const links = [

     

       
8
       
8
       
 
       
  {

     

···

       
1
       
1
       
 
       
import { useEffect, useState } from "react";

     

       
2
       
2
       
-
       
import AudioVisualizer from "../AudioVisualizer";

     

       
2
       
2
       
+
       
import AudioVisualizer from "./AudioVisualizer";

     

       
3
       
3
       
 
       


     

       
4
       
4
       
 
       
export default function Lastfm() {

     

       
5
       
5
       
 
       
    const [data, setData] = useState(null);

     

···

       
1
       
1
       
 
       
---

     

       
2
       
2
       
 
       
import Layout from "../layouts/Layout.astro";

     

       
3
       
3
       
 
       


     

       
4
       
4
       
-
       
import Header from "../components/Header.astro";

     

       
5
       
5
       
-
       
import SocialLinks from "../components/SocialLinks.astro";

     

       
4
       
4
       
+
       
import Header from "../components/astro/Header.astro";

     

       
5
       
5
       
+
       
import SocialLinks from "../components/astro/SocialLinks.astro";

     

       
6
       
6
       
 
       


     

       
7
       
7
       
-
       
import ProjectsPane from "../components/islands/ProjectsPane.jsx";

     

       
8
       
8
       
-
       
import Status from "../components/islands/Status.jsx";

     

       
9
       
9
       
-
       
import Lastfm from "../components/islands/Lastfm";

     

       
7
       
7
       
+
       
import ProjectsPane from "../components/jsx/ProjectsPane.jsx";

     

       
8
       
8
       
+
       
import Status from "../components/jsx/Status.jsx";

     

       
9
       
9
       
+
       
import Lastfm from "../components/jsx/Lastfm.jsx";

     

       
10
       
10
       
 
       
---

     

       
11
       
11
       
 
       


     

       
12
       
12
       
 
       
<Layout title="hello" description="insert wave emoji">