Steam's Miniprofile

Fork of gamer2810/steam-miniprofile

This is a tool that loads your miniprofile(with animated background and frame) as a HTML entity so that you can feature it on your website.
Preview:

Guide

1. Get your Steam's AccountID, you can use SteamDB or google how to find it yourself.
2. Access https://akrista.github.io/steam-miniprofile/?accountId=YOUR_ACCOUNTID_HERE

Example: https://akrista.github.io/steam-miniprofile/?accountId=238158335

To add this to your site

1. You can load it into any div with JQuery or Javascript. Jquery's Load() guide.
2. You can also load it as an iframe

<iframe
  src="https://akrista.github.io/steam-miniprofile/?accountId=YOUR_ACCOUNTID_HERE"
  style="border:0px #ffffff none;"
  name="myiFrame"
  scrolling="no"
  frameborder="1"
  marginheight="0px"
  marginwidth="0px"
  height="400px"
  width="600px"
  allowfullscreen
></iframe>

• Once it's loaded, you can mod it however you like using CSS.
• A working example can be found in this Website.

Notes:

• This works by calling Steam's API and render the response with Steam's CSS. This site is not affiliated with Steam or Valve.
• Your profile will need to be public for this to work.
• It will track your public status (Online, Offline), but it wont track your friend-only status (Away, Snooze,...).
• If your AccountID is invalid, it will instead load MINE (as in the one writing this) miniprofile).
• You might have to disable caching of the iframe on your web, or changes on Steam won't be reflected immediately.

Why a fork?

The original repo seems to have issues when calling the CORS API, so I forked it and changed the API used to load the miniprofile. In any case this project eventually happens to fail you when loading, as it happened to me with gamer2810's repo, try changing the API to one of this LIST

Have a good day and _{Please feed me a star if you are feeling generous. I'm humgry}