Skip to content

Commit

Permalink
First commit
Browse files Browse the repository at this point in the history
  • Loading branch information
francescobianco committed Feb 16, 2024
1 parent 70b88d4 commit 893e76b
Show file tree
Hide file tree
Showing 6 changed files with 227 additions and 25 deletions.
25 changes: 2 additions & 23 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,23 +1,2 @@
/vendor/
node_modules/
npm-debug.log
yarn-error.log

# Laravel 4 specific
bootstrap/compiled.php
app/storage/

# Laravel 5 & Lumen specific
public/storage
public/hot

# Laravel 5 & Lumen specific with changed public path
public_html/storage
public_html/hot

storage/*.key
.env
Homestead.yaml
Homestead.json
/.vagrant
.phpunit.result.cache
.idea/
.vscode/
1 change: 1 addition & 0 deletions CNAME
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
linkedin.javanile.org
92 changes: 92 additions & 0 deletions CONTRIBUTING.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
# Contributing

When contributing to this repository, please first discuss the change you wish to make via issue,
email, or any other method with the owners of this repository before making a change.

Please note we have a code of conduct, please follow it in all your interactions with the project.

## Pull Request Process

1. Ensure any install or build dependencies are removed before the end of the layer when doing a
build.
2. Update the README.md with details of changes to the interface, this includes new environment
variables, exposed ports, useful file locations and container parameters.
3. Increase the version numbers in any examples files and the README.md to the new version that this
Pull Request would represent. The versioning scheme we use is [SemVer](http://semver.org/).
4. You may merge the Pull Request in once you have the sign-off of two other developers, or if you
do not have permission to do that, you may request the second reviewer to merge it for you.

## Code of Conduct

### Our Pledge

In the interest of fostering an open and welcoming environment, we as
contributors and maintainers pledge to making participation in our project and
our community a harassment-free experience for everyone, regardless of age, body
size, disability, ethnicity, gender identity and expression, level of experience,
nationality, personal appearance, race, religion, or sexual identity and
orientation.

### Our Standards

Examples of behavior that contributes to creating a positive environment
include:

* Using welcoming and inclusive language
* Being respectful of differing viewpoints and experiences
* Gracefully accepting constructive criticism
* Focusing on what is best for the community
* Showing empathy towards other community members

Examples of unacceptable behavior by participants include:

* The use of sexualized language or imagery and unwelcome sexual attention or
advances
* Trolling, insulting/derogatory comments, and personal or political attacks
* Public or private harassment
* Publishing others' private information, such as a physical or electronic
address, without explicit permission
* Other conduct which could reasonably be considered inappropriate in a
professional setting

### Our Responsibilities

Project maintainers are responsible for clarifying the standards of acceptable
behavior and are expected to take appropriate and fair corrective action in
response to any instances of unacceptable behavior.

Project maintainers have the right and responsibility to remove, edit, or
reject comments, commits, code, wiki edits, issues, and other contributions
that are not aligned to this Code of Conduct, or to ban temporarily or
permanently any contributor for other behaviors that they deem inappropriate,
threatening, offensive, or harmful.

### Scope

This Code of Conduct applies both within project spaces and in public spaces
when an individual is representing the project or its community. Examples of
representing a project or community include using an official project e-mail
address, posting via an official social media account, or acting as an appointed
representative at an online or offline event. Representation of a project may be
further defined and clarified by project maintainers.

### Enforcement

Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported by contacting the project team at <bianco@javanile.org>. All
complaints will be reviewed and investigated and will result in a response that
is deemed necessary and appropriate to the circumstances. The project team is
obligated to maintain confidentiality with regard to the reporter of an incident.
Further details of specific enforcement policies may be posted separately.

Project maintainers who do not follow or enforce the Code of Conduct in good
faith may face temporary or permanent repercussions as determined by other
members of the project's leadership.

### Attribution

This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
available at [http://contributor-covenant.org/version/1/4][version]

[homepage]: http://contributor-covenant.org
[version]: http://contributor-covenant.org/version/1/4/
2 changes: 1 addition & 1 deletion LICENSE
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
MIT License

Copyright (c) 2024 Javanile
Copyright (c) 2022 Javanile

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
Expand Down
33 changes: 32 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,32 @@
# linkedin-button
<div align="center">

# LinkedIn Button

***Create Magic LinkedIn Button for your README.md***

like this
[![Share on LinkedIn](https://img.shields.io/badge/-share%20on%20linkedin-blue?logo=linkedin&style=for-the-badge)](https://linkedin.com/intent/tweet?text=This%20%22Magic%20Button%22%20share%20stuff%20on%20LinkedIn%20from%20MARKDOWN%0A%0Ahttps%3A%2F%2Flinkedin.javanile.org%2F%0Ahttps%3A%2F%2Fgithub.com%2Fjavanile%2Flinkedin-button%0A%0A%23DEVCommunity%20%23Markdown%20%23LinkedInButton%20%23Socialware)

</div>

## Get Started

Grow your project by putting a fantastic button that will allow your users to easily share your work on LinkedIn. Use the online tool to build your button

> 🔗 [https://linkedin.javanile.org](https://linkedin.javanile.org)
## Contributing

Thank you for considering contributing to this project! The contribution guide can be found in the [CONTRIBUTING.md](CONTRIBUTING.md).

## Code of Conduct

In order to ensure that the Javanile community is welcoming to all, please review and abide by the [Code of Conduct](CONTRIBUTING.md#code-of-conduct).

## Security Vulnerabilities

If you discover a security vulnerability within Javanile, please send an e-mail to Francesco Bianco via [bianco@javanile.org](mailto:bianco@javanile.org). All security vulnerabilities will be promptly addressed.

## License

This project is open-sourced software licensed under the [MIT license](LICENSE).
99 changes: 99 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>LinkedIn Button</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="https://www.javanile.org/crisp/css/crisp.css">
</head>
<body>
<h1>LinkedIn Button</h1>
<p>Grow your project by putting a fantastic button that will allow your users to easily share your work on LinkedIn</p>

<h3>Get Started</h3>
<p>Type to the following area the content to share on LinkedIn</p>
<textarea id="tweet" placeholder="Write a wonderful tweet here..." rows="6"></textarea>

<h3>Look & Feel</h3>
<p>Select the style that best fit with your needs</p>
<select id="look-and-feel">
<option value="magic_button">Magic Button</option>
<option value="magic_button_small">Magic Button (Small)</option>
<option value="magic_button_large">Magic Button (Large)</option>
</select>

<h3>Preview</h3>
<p>This is what the button looks like, click to see how it works</p>
<section id="preview" align="center">
<a href="https://linkedin.com/intent/tweet?text=Hello%20world" target="_blank" rel="nofollow"><img src="https://camo.githubusercontent.com/f2bbc2f18671219cc944bb2de787f6499d4d9c291e5e969fea47ef3b2791da48/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d73686172652532306f6e253230747769747465722d626c75653f6c6f676f3d74776974746572267374796c653d666f722d7468652d6261646765" alt="Share on LinkedIn" data-canonical-src="https://img.shields.io/badge/-share%20on%20linkedin-blue?logo=linkedin&amp;style=for-the-badge" style="max-width: 100%;"></a>
</section>

<h3>Copy & Paste</h3>
<p>Copy this code snippet and put it in your README.md</p>
<textarea id="markdown" rows="6" readonly>[![Share on LinkedIn](https://img.shields.io/badge/-share%20on%20linkedin-blue?logo=linkedin&style=for-the-badge)](https://linkedin.com/intent/tweet?text=Hello%20world)</textarea>
<div align="center">
<button id="copy-to-clipboard">Copy to Clipboard</button>
<div id="message"></div>
</div>

<h3>License</h3>
<p>
The MIT License (MIT).
Please see <a href="https://github.com/javanile/linkedin-button/blob/main/LICENSE" target="_blank">License File</a>
for more information.
</p>

<hr>
<small>
<a href="https://github.com/javanile/linkedin-button/edit/main/index.html">Edit on GitHub</a>
</small>
<a href="https://github.com/javanile/linkedin-button" target="_blank"><img src="https://github.blog/wp-content/uploads/2008/12/forkme_right_green_007200.png?resize=149%2C149" style="position:absolute;top:0;right:0;border:0;" width="149" height="149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1" /></a>

<script type="text/javascript">
const tweet = document.getElementById('tweet');
const lookAndFeel = document.getElementById('look-and-feel');
const preview = document.getElementById('preview');
const markdown = document.getElementById('markdown');
const message = document.getElementById('message');
const copyToClipboard = document.getElementById('copy-to-clipboard');
const previewTemplate = '<a href="https://linkedin.com/intent/tweet?text={tweet}" target="_blank" rel="nofollow"><img src="{image}" alt="Share on LinkedIn" style="max-width: 100%;"></a>';
const markdownTemplate = '[![Share on LinkedIn]({image})](https://linkedin.com/intent/tweet?text={tweet})';
const buttonLookAndFeels = {
magic_button: 'https://img.shields.io/badge/-share%20on%20linkedin-blue?logo=linkedin&amp;style=for-the-badge',
magic_button_small: 'https://img.shields.io/badge/-Share%20on%20LinkedIn-blue?logo=linkedin&amp;style=flat-square',
magic_button_large: 'https://img.shields.io/badge/LinkedIn-share%20on%20linkedin-blue?logo=linkedin&amp;style=for-the-badge'
};

function updateButton() {
message.innerHTML = '';
preview.innerHTML = previewTemplate
.replace('{tweet}', encodeURIComponent(tweet.value))
.replace('{image}', buttonLookAndFeels[lookAndFeel.value]);
markdown.innerHTML = markdownTemplate
.replace('{tweet}', encodeURIComponent(tweet.value))
.replace('{image}', buttonLookAndFeels[lookAndFeel.value]);
}

function refreshButton() {
if (tweet.value.trim() != this.lastTweet) {
this.lastTweet = tweet.value.trim();
updateButton();
}
}

function copyMarkdown() {
markdown.select();
document.execCommand('Copy');
message.innerHTML = 'Markdown was copied!';
}

tweet.addEventListener('change', updateButton, true);
lookAndFeel.addEventListener('change', updateButton, true);
markdown.addEventListener('focus', markdown.select, true);
copyToClipboard.addEventListener('click', copyMarkdown, true);

setInterval(refreshButton, 3000);

refreshButton();
</script>
</body>
</html>

0 comments on commit 893e76b

Please sign in to comment.