Skip to content

Commit

Permalink
Merge remote-tracking branch 'upstream/master'
Browse files Browse the repository at this point in the history
  • Loading branch information
ankita841 committed Jun 23, 2020
2 parents b63c19b + 7651762 commit aa93e1d
Show file tree
Hide file tree
Showing 7 changed files with 515 additions and 52 deletions.
33 changes: 33 additions & 0 deletions .all-contributorsrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
{
"files": [
"README.md"
],
"imageSize": 100,
"commit": false,
"contributors": [
{
"login": "navu9999",
"name": "Navpreet Kaur",
"avatar_url": "https://avatars1.githubusercontent.com/u/59786562?v=4",
"profile": "https://www.linkedin.com/in/navpreet-kaur24/",
"contributions": [
"doc"
]
},
{
"login": "maze-runnar",
"name": "Sundaram Dubey",
"avatar_url": "https://avatars2.githubusercontent.com/u/56407566?v=4",
"profile": "https://sundaram-dubey.netlify.app/",
"contributions": [
"code"
]
}
],
"contributorsPerLine": 7,
"projectName": "profext",
"projectOwner": "garimasingh128",
"repoType": "github",
"repoHost": "https://github.com",
"skipCi": true
}
73 changes: 69 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,7 @@

<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)
<!-- ALL-CONTRIBUTORS-BADGE:END -->

# This project is a part of Student Code In 2020 👣
OPEN SOURCE CONTEST - STUDENT CODE IN
Expand All @@ -13,7 +16,7 @@



[Check out the website of Student Code In 2020](https://scodein.tech/)
[Check out the website of Student Code In 2020](https://scodein.tech/)

# 👣 Profile Extension

Expand All @@ -32,6 +35,33 @@

A profile 🔎 search engine for accessing my all social media profile in one tap.👨‍💻👩‍. This chrome extension let's you track your profiles on any account in a single click.

## 📋 Table of Contents
➡️ [Vision](#-vision)

➡️ [Project Structure](#-project-structure)

➡️ [Tech Stack](#-tech-stack)

➡️ [Setup Development Environment](#-steps-to-setup-development-environment)

➡️ [Development Guidelines](#-development-guidelines)

➡️ [Learning Resources](#-learning-resources)

➡️ [Simple things to keep in mind](#-simple-things-to-keep-in-mind)



➡️ [System Requirements](#-system-requirements)

➡️ [Contributing](#-contributing)

➡️ [Owner](#-owner)





## 👩‍ Vision
Getting all your social media profiles under one button click so that you don't have to manually search and do the hassle of searching your profile handles while making your resume, filling job opportunities forms, registering for events etc.

Expand All @@ -48,6 +78,12 @@ This is motivated by [Traversy Media tutorial on Google Chrome Extention](https:
|── popup.js
|── README
└── ...

## 🔆 Tech Stack
- HTML
- CSS
- JavaScript


## 🚀 Steps to setup development environment
1. Clone the repo
Expand All @@ -57,7 +93,7 @@ This is motivated by [Traversy Media tutorial on Google Chrome Extention](https:
2. Open the folder in your favourite code editor and start adding modifications.
3. Load the folder in `chrome://extensions/` on chrome (Load unpacked)

## 💻 Development guidelines
## 💻 Development guidelines

1. Put all the code in one of the existing files in `/src` . If you add a new file, make a relavent modification to `build.js` .

Expand All @@ -67,22 +103,31 @@ This is motivated by [Traversy Media tutorial on Google Chrome Extention](https:

5. Load the `/build` folder in `chrome://extensions/` on chrome (Load unpacked)

## ⏪ Getting Started
## 📝 Learning Resources

Read these articles to get a quick grab on making Chrome extensions:
- [Google Chrome official docs](https://developer.chrome.com/extensions)
- [Free Code Camp's article on # How to Create and Publish a Chrome Extension in 20 minutes](https://www.freecodecamp.org/news/how-to-create-and-publish-a-chrome-extension-in-20-minutes-6dc8395d7153/)

Resources to learn Git:
- https://try.github.io/

## 🧐 Simple things to keep in mind
- The first step is to create a manifest file named `manifest.json`. This is a metadata file in JSON format that contains properties like your extension’s name, description, version number and so on. In this file we tell Chrome what the extension is going to do, and what permissions it requires.
- To test if the extension works, visit `chrome://extensions` in your browser and ensure that the **Developer mode** checkbox in the top right-hand corner is checked.
- Click **Load unpacked extension** and select the directory in which your extension files live. If the extension is valid, it will be active straight away so you can open a new tab to see your extension.
- When your first Chrome extension looks nice and works like it should, it’s time to publish it to the Chrome Store. Simply follow [this link](https://chrome.google.com/webstore/developer/dashboard) to go to your Chrome Web Store dashboard (you’ll be asked to sign in to your Google account if you’re not). Then click the `**Add new item**` button, accept the terms and you will go to the page where you can upload your extension. Now compress the folder that contains your project and upload that ZIP file.
- As a web developer, it’s very easy to create a Chrome extension in a short amount of time. All you need is some HTML, CSS, JavaScript and a basic knowledge of how to add functionality through some of the JavaScript APIs that Chrome exposes. Your initial setup can be published inside the Chrome Web Store within just 20 minutes. Building an extension that’s new, worthwhile or looks nice will take some more time. But it’s all up to you!

## 💻 System Requirements
- Google Chrome
- Git
- Code Editor (Visual Studio Code,Sublime Text)

## 🏆 Contributing

Please read CONTRIBUTING.md for information on how to contribute to profext-extension.
## 👬 Owner
## 👬 Owner

[Garima Singh](https://github.com/garimasingh128)

Expand All @@ -92,3 +137,23 @@ Please read CONTRIBUTING.md for information on how to contribute to profext-ex
[![built with love](https://forthebadge.com/images/badges/built-with-love.svg)](https://github.com/garimasingh128/)

## ❤️ Thanks to our awesome contributors.

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
<tr>
<td align="center"><a href="https://www.linkedin.com/in/navpreet-kaur24/"><img src="https://avatars1.githubusercontent.com/u/59786562?v=4" width="100px;" alt=""/><br /><sub><b>Navpreet Kaur</b></sub></a><br /><a href="https://github.com/garimasingh128/profext/commits?author=navu9999" title="Documentation">📖</a></td>
<td align="center"><a href="https://sundaram-dubey.netlify.app/"><img src="https://avatars2.githubusercontent.com/u/56407566?v=4" width="100px;" alt=""/><br /><sub><b>Sundaram Dubey</b></sub></a><br /><a href="https://github.com/garimasingh128/profext/commits?author=maze-runnar" title="Code">💻</a></td>
</tr>
</table>

<!-- markdownlint-enable -->
<!-- prettier-ignore-end -->
<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
177 changes: 177 additions & 0 deletions edit.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,177 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Profile Launcher: Edit Links</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css"/>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"/>
<style>
/* Modal Structure */
body{
padding: 20px;
}
h1 {
font-family: "cursive", cursive;
font-size: 22px;
font-weight: 300;
margin: 0;
color: #2f5876;
}

a:link,
a:visited {
color: #000000;
outline: 0;
text-decoration: none;
}

img {
width: 30px;
}

.modal-header {
align-items: center;
border-bottom: 0.5px solid #dadada;
}

.modal-content {
padding: 0 22px;
}

.modal-icons {
border-top: 0.5px solid #dadada;
height: 50px;
width: 100%;
}

.logo {
padding: 16px;
}

.logo-icon {
vertical-align: text-bottom;
margin-right: 12px;
}

.flex-container {
display: flex;
justify-content: space-between;
padding: 10px 10px;
}

.flex {
opacity: 1;
transition: opacity 0.2s ease-in-out;
width: 120px;
}

.flex:hover {
opacity: 0.4;
}

.flex .fa {
font-size: 40px;
color: #3c797b;
}
.form-control{
padding: 5px;

}
.save-btn{
color: #fff !important;
border-radius: 1rem;
padding: .375rem .75rem;
line-height: 1rem;
font-size: 1rem;
text-align: center;
vertical-align: middle;
background-color: teal;
margin-top: .25rem;
margin-bottom: .25rem;
border: none;
}

.back-btn{
color: #fff !important;
border-radius: 1rem;
padding: .375rem .75rem;
line-height: 1rem;
font-size: 1rem;
text-align: center;
vertical-align: middle;
background-color: teal;
margin-top: .25rem;
margin-bottom: .25rem;
border: none;
}

.btn:hover{
color: #fff;
opacity: 0.9;
}
.preference {
display: flex;
justify-content: space-between;
width: 100%;
margin: .5rem;
}

</style>
</head>
<body>
<center>
<h1>Edit Profile Information</h1>

<div class="preference">
<label for="name">Name:</label>
<input class="form-control" id="name" type="text">
</div>

<div class="preference">
<label for="website">Website:</label>
<input class="form-control" id="website" type="text">
</div>
<div class="preference">
<label for="linkedin">Linkedin:</label>
<input class="form-control" id="linkedin" type="text">
</div>
<div class="preference">
<label for="medium">Medium:</label>
<input class="form-control" id="medium" type="text">
</div>
<div class="preference">
<label for="text">Twitter:</label>
<input class="form-control" id="twitter" type="text" >
</div>
<div class="preference">
<label for="github">Github:</label>
<input class="form-control" id="github" type="text">
</div>
<div class="preference">
<label for="gitlab">Gitlab:</label>
<input class="form-control" id="gitlab" type="text" >
</div>
<div class="preference">
<label for="quora">Quora:</label>
<input class="form-control" id="quora" type="text">
</div>
<div class="preference">
<label for="stackoverflow">Stackoverflow:</label>
<input class="form-control" id="stackoverflow" type="text">
</div>
<div class="preference">
<label for="facebook">Facebook:</label>
<input class="form-control" id="facebook" type="text">
</div>
<div class="preference">
<label for="instagram">Instagram:</label>
<input class="form-control" id="instagram" type="text">
</div>
<br>
<button class="save-btn" id="save">Save</button>
&nbsp;&nbsp;<a class="back-btn" role="button" href="popup.html">Back</a>
</center>
<script src="edit.js"></script>
</body>
</html>
Loading

0 comments on commit aa93e1d

Please sign in to comment.