https://github.com/cmoussa1/cmoussa1.github.io

Personal website
https://github.com/cmoussa1/cmoussa1.github.io

Last synced: 24 days ago
JSON representation

Personal website

• Host: GitHub
• URL: https://github.com/cmoussa1/cmoussa1.github.io
• Owner: cmoussa1
• Created: 2019-07-24T21:14:32.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-12T18:19:08.000Z (8 months ago)
• Last Synced: 2024-11-11T21:46:11.840Z (3 months ago)
• Language: HTML
• Homepage: https://cmoussa1.github.io
• Size: 12.4 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# C'thulu Resume

This one-webpage, printable resume was originally found at [css-tricks.com](https://css-tricks.com/one-page-resume-site/).

It created by [@chriscoyier](http://github.com/chriscoyier) with illustrations by [Michael Dashow](http://www.michaeldashow.com/zoom/zoom_wageslave.html).

It has been reworked and documented on GitHub by [Elsa Gonsiorowski](https://github.com/gonsie).

## Adding Content

This is a self-contained, single page resume.

Almost all the CSS needed is located in `index.html`.

The only extra piece is the GitHub Octicat icon, which is included via `octicons/`.

A category can be added with:

``` html



Category Name

content

```


The first heading within a category should be formatted as:

``` html



TitleSubtitle Dates





  
Did things



```


The second heading in a category should use the class "smartmargin" to ensure that there is some space between each item.

By default, the `h2` tags do not have any margins so that there is no extra vertical space above the first item.

## Adjusting the Design

You can adjust the column sizing by messing with the `width` of the `dd` and `dt` elements.

The overall width can be adjusted via `#page-wrap`.

## Printing

Since this is a self-contained webpage, it is easy to adjust on a local machine.

Simply open the local file [index.html](index.html) using your web browser.

You can then make any edits locally and reload the file.

With the "noprint" class, items can easily be included or removed to ensure your resume is one page when printed.

In this way, you can keep everything within this file (creating a CV) and remove portions when you need to print out a resume.

## Examples

These examples demonstrate how different fonts can be used.

| Username | Webpage | Source |

|----------|---------|--------|

| [@gonsie](http://github.com/gonsie) | [Resume](http://gonsie.com/cv.html) | [On GitHub](https://github.com/gonsie/gonsie.github.io) |

| [@annagons](http://github.com/annagons) | [Resume](http://anna.gonsie.com) | [On GitHub](https://github.com/annagons/annagons.github.io) |

| [@mozhgan-kch](http://github.com/mozhgan-kch) | [Resume](http://mkchimeh.staff.shef.ac.uk) | [On GitHub](https://github.com/mozhgan-kch/mkch-webpage) |

| [@cmoussa1](https://github.com/cmoussa1) | [Resume](https://cmoussa1.github.io) | [On GitHub](https://github.com/cmoussa1/cmoussa1.github.io) |