Git Product home page Git Product logo

django-helpdesk's Introduction

Personal Page

Template to render a personal github page based on a JSON object data

Getting Started

  1. Create a file named 'data.json' for your personal info.
  2. Create a folder for background image, your profile image
    1. You can add institutions logos with a (120 x 120)px (optional)
  3. Add the data as the following examples:
  • Global json data structure:
{
    "data": {
        "settings": {
            "name": "Your Own Name",
            "title": "Your title position (ex: Computer Engineer)",
            "logos": "assets/img/logos/",
            "background_image": "assets/img/bg.png",
            "profile_image": "assets/img/profile.png"
        },
        "sidebar": {
            "academic": {
                "is_enabled": true, //if false, just leave the object array empty
                "object": [{},{},{}...]
            },
            "github": {
                "is_enabled": true, //if false, just leave the object array empty
                "object": [{},{},{}...]
            },
            "linkedin": {
                "is_enabled": true, //if false, just leave the object array empty
                "object": [{},{},{}...]
            }
        },
        "content": {
            "experiences": {
                "is_enabled": true, //if false, just leave the object array empty
                "object": [{},{},{}...]
            },
            "published": {
                "is_enabled": true, //if false, just leave the object array empty
                "object": [{},{},{}...]
            }
        }
    }
}
  • Sidebar's academic object data structure:
{
    "academic": {
        "is_enabled": true, //if false, just leave the object array empty
        "object": [
            {
                "degree": "Master",
                "title": "Name of your master degree",
                "acronym": "MSc",
                "year": {
                    "start": "2003",
                    "end": "2005"
                },
                "department": {
                    "name": "Computer Science Departmemnt"
                },
                "institution": {
                    "name": "Your University Name"
                }
            },
            {
                "degree": "Bachelor",
                "title": "Name of your bachelor degree",
                "acronym": "B",
                "year": {
                    "start": "2003",
                    "end": "2005"
                },
                "department": {
                    "name": "Computer Science Departmemnt"
                },
                "institution": {
                    "name": "Your University Name"
                }
            },
        ]
    }
}
  • Sidebar's github object data structure
{
    "github": {
        "is_enabled": true, //if false, just leave the object array empty
        "object": {
            "user": {
                "login": "your_github_login"
            },
            "orgs": {}, //leave empty, it will be populated by API requests
            "featured_repos": [
                {
                    "name": "you_feature_repo",
                    "data": {} //leave empty, it will be populated by API requests
                },
                {
                    "name": "you_feature_repo",
                    "data": {} //leave empty, it will be populated by API requests
                },
            ]
        }
    },
}
  • Content's experiences data structure:
{
    "experiences": {
        "is_enabled": true, //if false, just leave the object array empty
        "object": [
            {
                "description": "description of this xperience",
                "place": {
                    "name": "name of the institution",
                    "acronym": "NotI",
                    "image": {
                        "logo": "noti.png"
                    },
                    "page_url": "http://noti.com/",
                    "parents": [
                        {
                            "name": "this institution is related to this experience",
                            "acronym": "bleh",
                            "image": {
                                "logo": "bleh.png"
                            },
                            "page_url": "http://bleh.php"
                        }
                    ]
                },
                "position": "Sênior Developer",
                "location": "Washington, DC",
                "year": {
                    "start": "2017",
                    "end": "2018"
                }
            }, 
        ]
    },
  • Content's published data structure:
{
    "published": {
        "is_enabled": true, //if false, just leave the object array empty
        "object": [
            {
                "description": "abstract or resume to this work/paper",
                "sources": [
                    {
                        "icon": "far fa-file-pdf", //use fontawesome 5 free icon set
                        "link": "https://link.to.the.pdf"
                    }
                ],
                "title": "article title",
                "authors": [
                    {
                        "name": "Name, L."
                    },
                    {
                        "name": "Name, A. L."
                    },
                ],
                "periodic": {
                    "name": "PERIODIC-US",
                    "register": {
                        "type": "issn", //available options are ISSN and ISBN types
                        "value": "9999-0000"
                    },
                    "link": "https://periodic.com"
                },
                "year": "2018"
            },
        ]
    }
}

Prerequisites

Installing

Deployment

Built With

  • VueJS - The web library used

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details

django-helpdesk's People

Contributors

alexbarcelo avatar alligatorbait avatar benbb96 avatar brente avatar bukowskaii avatar djcoin avatar flinz avatar gwasser avatar ivanovivan1900 avatar ivgiuliani avatar jachym avatar koriaf avatar kotowicz avatar lacrymology avatar maccesch avatar martin-marty avatar martin-umed avatar massanchik avatar mte90 avatar nickmccullum avatar noobpk avatar petrdlouhy avatar reduxionist avatar rossp avatar timthelion avatar tkm84 avatar tony-zhu avatar typonaut avatar tyris avatar uhurusurfa avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.