diff --git a/api/activityFeedWidget.js b/api/activityFeedWidget.js new file mode 100644 index 0000000..c9ebb41 --- /dev/null +++ b/api/activityFeedWidget.js @@ -0,0 +1,12 @@ +import fetch from "node-fetch"; + +export async function getActivityFeed() { + const response = await fetch("https://api.github.com/repos/cu-sanjay/Stylish-Readme/events"); + const data = await response.json(); + + return data.slice(0, 5).map(event => ({ + type: event.type, + user: event.actor.login, + repo: event.repo.name + })); +} diff --git a/index.html b/index.html index deaa759..6a9519f 100644 --- a/index.html +++ b/index.html @@ -240,17 +240,17 @@ -
+
★ Stylish Readme✦ Live widgets◆ Time badges✧ Daily quotes◇ Profile cards★ 190+ countries✦ Copy and paste ★ Stylish Readme✦ Live widgets◆ Time badges✧ Daily quotes◇ Profile cards★ 190+ countries✦ Copy and paste
-
-
+
+
-
+
@@ -258,62 +258,62 @@
Beautiful embeds for your README
-

Stylish Readme

+

Stylish Readme

- Live + Live
-
+
Create and embed dynamic widgets No signup needed
-
+
-

Make it yours

-

Your README,
truly alive

-

Create live widgets for your GitHub profile. Real-time clocks, daily quotes, profile badges, timezone banners. Each one is an SVG that updates whenever someone views your README.

+

Make it yours

+

Your README,
truly alive

+

Create live widgets for your GitHub profile. Real-time clocks, daily quotes, profile badges, timezone banners. Each one is an SVG that updates whenever someone views your README.

- +
-
+
What you get Fig. A
-
+
8
-
+
Widget Types
-
-
+
+
8
-
+
Themes
-
-
+
+
400+
-
+
Timezones
-
+
Live
-
+
Always Fresh
@@ -322,161 +322,161 @@

+
01 -

Create your widget

-
+

Create your widget

+

-
+
-
-
- Control Panel TIME BADGE +
+
+ Control Panel TIME BADGE
-
+
-
-
- Live Preview +
+
+ Live Preview
- Rendering + Rendering
-
+
-
+
Renders as SVG · ~2.1kb Updates every refresh
-
-
- Embed Code -
+
+
+ Embed Code +
-

+        

        
-
-
+
-
+
03 -

How it works

-
+

How it works

+
-
-
-
- I +
+
+
+ I
-

Design

+

Design

Pick a widget type, a theme, and your timezone. Watch it update in real-time. Every option is reversible.

-
-
- II +
+
+ II
-

Copy

+

Copy

Grab the code as Markdown, HTML, or just the URL. Each widget is a live endpoint that renders fresh every time.

-
-
- III +
+
+ III
-

Paste

+

Paste

Drop it into your README, PR description, or GitHub bio. Your profile comes alive. That's it.

-
+
04 -

Questions

-
+

Questions

+
-
-
- Does it really update live? +
+
+ Does it really update live?

Yes. Each widget is an SVG endpoint. When someone views your README, GitHub fetches a fresh render with the current time, date, or content. No client-side scripts needed.

-
- What about caching? +
+ What about caching?

GitHub caches images via their Camo proxy. Our widgets use cache-busting headers, so refreshes happen frequently, usually every minute or two.

-
- Will the avatar in the profile card actually show on GitHub? +
+ Will the avatar in the profile card actually show on GitHub?

Yes. The serverless renderer fetches your avatar URL and embeds it directly inside the SVG (as a base64 image), so GitHub renders it the same way it would render any other badge — no broken images, no extra requests from your README.

-
- Is this free? +
+ Is this free?

Forever. No accounts, no API keys, no rate limits. Use it, remix it, build on it.

-
- -
+
+ +