Skip to content

Commit

Permalink
initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
mostlymarvin committed May 12, 2018
0 parents commit 589d913
Show file tree
Hide file tree
Showing 83 changed files with 12,020 additions and 0 deletions.
3 changes: 3 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.DS_Store
config.codekit3
wpbm-bites.code-workspace
43 changes: 43 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
# Bites4WP - A Book+Main Bites Profile Link Plugin for WordPress


## Setup:
Under Book+Main Bites in the customizer:
- Profile Settings: enter the username of the Book+Main Bites Profile you would like to link to
- Style Options: choose colors, backgrounds, and borders for the icons (these options apply to both the floating icon and the widget icon. If you need to style them separately, you can use the custom css box to add additional styles as needed.)
- Display Options: applies to floating icon only. Choose to display on all pages, home page only, or hide completely.
-- If set to show on home or all, choose the position of the icon on the desktop (defaults to the right side of your screen in the center), along with the position on mobile (defaults to the bottom of the page).


## Shortcode:
```
[bites_link username='' text='' align='']
```
- **username** defaults to the username entered into customizer (above), but if you'd like to display a link elsewhere, add the username here
- **text** defaults to "Follow me on Book+Main Bites", but can be customized.
- **align** defaults to center, but can be set "left", "right", or "none" ( similar to image alignment )
- **class** defaults to empty, but a custom css class can be added if needed

you can also use the shortcode in a theme template:
```
if( shortcode_exists('bites_link' ) ) {
echo do_shortcode('[bites_link'] );
}
```



### Questions?
[Contact Me Here](https://memphismckay.com/contact) - I'll do my best to help, if I can. In your message, please try to be as _specific as possible_ about the issue you are experiencing, and if possible, include a link to your website. **Please note that while I hope this plugin will be useful to you, I cannot guarantee this plugin will work with all themes, and I cannot troubleshoot specific theme issues.**



### License: GPL-2.0+
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License, version 2, as published by the Free Software Foundation.

This program is distributed in the hope that it will be useful,but WITHOUT ANY WARRANTY without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the [GNU General Public License](https://www.gnu.org/licenses/gpl-2.0.html) for more details.

You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA



3 changes: 3 additions & 0 deletions assets/css/bites4wp.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

9 changes: 9 additions & 0 deletions assets/css/bites4wp.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

164 changes: 164 additions & 0 deletions assets/css/bites4wp.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,164 @@
.biteslink-profile-link a {
box-shadow: none !important;
text-decoration:none;
transition: all .5s;


#bites-logo {
width: 30px;
height: 30px;
transform: scale( .9, .9);
transition: all .5s;
}
}

.biteslink-profile-link:hover a #bites-logo,
.biteslink-profile-link a:hover #bites-logo,
.biteslink-profile-link a #bites-logo:hover
{
transform: scale(1, 1);
}

//Floating Icon
.biteslink {

.biteslink-profile-link a {
display: block;
padding: 10px 10px 0;
}

&.mobile-left .biteslink-profile-link a,
&.mobile-right .biteslink-profile-link a,
&.mobile-none .biteslink-profile-link a {
position:fixed;
z-index:99999;
}
&.mobile-right .biteslink-profile-link a {
top:70%;
right:-2px;
}
&.mobile-left .biteslink-profile-link a {
top:70%;
left:-2px;
}
&.mobile-none .biteslink-profile-link a {
display:none;
}

}

@media all and( min-width:800px ){
.biteslink {

.biteslink-profile-link a {
padding-left: 12px;
position: fixed;
z-index: 99999;

#bites-logo {
width: 40px;
height: 40px;
}
}

&.mobile-right .biteslink-profile-link a,
&.mobile-left .biteslink-profile-link a {
top:unset;
right:unset;
left:unset;
bottom:unset;
}
&.mobile-none .biteslink-profile-link a {
display: block;
}
&.bottom-right .biteslink-profile-link a,
&.preview-bottom-right .biteslink-profile-link a {
bottom: 10%;
right: -2px;
}

&.bottom-left .biteslink-profile-link a,
&.preview-bottom-left .biteslink-profile-link a {
bottom: 10%;
left: -2px;
}

&.bottom-center .biteslink-profile-link a,
&.preview-bottom-center .biteslink-profile-link a {
bottom: -2px;
left: 50% !important;
}

&.left-center .biteslink-profile-link a,
&.preview-left-center .biteslink-profile-link a {
left: -2px;
top: 50%;
}

&.right-center .biteslink-profile-link a,
&.preview-right-center .biteslink-profile-link a {
right: -2px;
top: 50%;
}

&.right-top .biteslink-profile-link a,
&.preview-right-top .biteslink-profile-link a {
right: -2px;
top: 10%;
}
}
}
//Shortcode Specific
.biteslink-shortcode {

display:block;
text-align:center;
margin:12px auto;

.biteslink-profile-link {
display:inline-block;
cursor: pointer !important;

a {
display:flex;
justify-content: center;
padding: 12px 26px;


span {
align-self:center;
margin-right: 12px;
position: relative;
text-align:left;
transition:all .5s;
}

#bites-logo {
align-self:center;
min-width:40px;
width:40px;
height:40px;
}
}
}
}
@media all and ( min-width: 800px ) {

.biteslink-shortcode {
display: inline-block;

&.center-block {
display: block;
text-align: center;
margin: 12px auto;
}
&.bites-right {
float: right;
padding-left: 12px;
}
&.bites-left {
float: left;
padding-right: 12px;
}
}
}
Loading

0 comments on commit 589d913

Please sign in to comment.