https://github.com/marrus-sh/profile-theme

A theme for profiles :P
https://github.com/marrus-sh/profile-theme

Last synced: 6 days ago
JSON representation

A theme for profiles :P

• Host: GitHub
• URL: https://github.com/marrus-sh/profile-theme
• Owner: marrus-sh
• Created: 2015-04-26T06:59:25.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-04-26T12:46:46.000Z (over 9 years ago)
• Last Synced: 2025-01-01T18:18:12.513Z (8 days ago)
• Language: CSS
• Size: 129 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PROFILE

A CSS website theme for profile pages and blogs

## BASIC PAGE LAYOUT

To use the PROFILE theme, you should structure your page according to the following layout:

```html

    

        Page Title

        

        

    

    

        

            

            
Page Title

            


            

        

        

            

        

    


```

You can include other children of the `` element if you want, but there should be exactly one `` child.

## IMAGE SHAPES

The profile image selected by `header > img` is, by default, circular. If you prefer a rectangular shape, you can select this by setting the `data-shape` attribute to `"rectangle"` on the `` element.

You can set the `data-shape` attribute to `"circle"` on other `` elements to create a circular shape.

## COLOURS

You can change the colour of an element by using the `data-colour` attribute (note `data-color` is not currently supported). The following colour-names are available:

`cyan` `blue` `purple` `magenta` `red` `yellow` `green` `teal`

Leaving the `data-colour` attribute blank will produce a neutral grey. Additionally, the colour-name may be prefixed or suffexed with `-light` or `-dark` to lighten or darken the colour; on their own, `light` produces a near-white and `dark` produces a dark grey.

`data-colour` might not act predictably when nested.