CodeCow/sharedrop
1
0
Fork 0
mirror of https://github.com/szimek/sharedrop.git synced 2026-06-05 21:02:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #104 from cowbell/update-footer

Browse Source 
Update footer
This commit is contained in:
Szymon Nowak 2021-03-02 18:54:33 +01:00 committed by GitHub
commit 187baf940c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 22 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
app/styles/layout/_footer.sass
View File

@ -2,8 +2,8 @@
position: fixed
z-index: 200
bottom: 0
width: 100%
height: 54px
left: 0
right: 0
background-color: rgba(white,.6)
text-align: center
color: #b0b0b0
@ -20,57 +20,30 @@
font-size: 1.1rem
line-height: 1.4
margin-top: .2em
padding: 0 10px
.cowbell-labs
position: absolute
left: 15px
bottom: 15px
font-size: 1rem
> a
display: inline-block
vertical-align: middle
margin: -1px 0 0 2px
width: 102px
height: 16px
background: transparent url("../assets/images/cowbell-labs.svg") no-repeat center
.logos
display: flex
align-items: center
justify-content: space-between
padding: 10px
.left,
.right
display: flex
.github
position: absolute
left: 175px
bottom: 13px
width: 20px
height: 20px
background: transparent url("../assets/images/github.svg") no-repeat center
.facebook
position: absolute
left: 280px
bottom: 11px
height: 21px
border: none
overflow: hidden
.twitter
position: absolute
left: 210px
bottom: 12px
width: 60px
height: 20px
margin-left: 8px
.webrtc
position: absolute
right: 106px
bottom: 17px
width: 72px
height: 12px
background: transparent url("../assets/images/webrtc.png") no-repeat center
background-size: 71px 12px
.firebase
position: absolute
right: 15px
bottom: 15px
width: 76px
height: 20px
background: transparent url("../assets/images/firebase.png") no-repeat center
background-size: 76px 20px

11
app/styles/layout/_media.sass
View File

@ -70,16 +70,7 @@
margin-left: 10px
.l-footer
height: 100px
padding: 15px
.cowbell-labs
> span
display: none
.github
left: 50%
margin-left: -10px
.webrtc, .facebook, .twitter
display: none
padding-top: 10px
.circles
display: none

15
app/templates/application.hbs
View File

@ -21,12 +21,13 @@
<footer class="l-footer">
<p class="about">{{outlet "about_you"}}</p>
<div class="cowbell-labs">
<span>Made by</span>
<a href="https://cowbell-labs.com/" target="_blank" rel="noopener noreferrer"><span>Cowbell Labs</span></a>
<div class="logos">
<div class="left">
<a href="https://github.com/cowbell/sharedrop" class="github" target="_blank" rel="noopener noreferrer"><span>Cowbell Labs Github</span></a>
<iframe title="twitter" loading="lazy" class="twitter" src="https://platform.twitter.com/widgets/tweet_button.html?url=https%3A%2F%2Fwww.sharedrop.io&text=ShareDrop%20%E2%80%93%20easily%20and%20securely%20share%20files%20of%20any%20size%20directly%20between%20devices%20using%20your%20browser&count=none" scrolling="no" frameborder="0" allowtransparency="true" ></iframe>
</div>
<div class="right">
<a href="http://www.webrtc.org/" class="webrtc" target="_blank" rel="noopener noreferrer"><span>WebRTC</span></a>
</div>
</div>
<a href="https://github.com/cowbell/sharedrop" class="github" target="_blank" rel="noopener noreferrer"><span>Cowbell Labs Github</span></a>
<iframe title="twitter" loading="lazy" class="twitter" src="https://platform.twitter.com/widgets/tweet_button.html?url=https%3A%2F%2Fwww.sharedrop.io&text=ShareDrop%20%E2%80%93%20easily%20and%20securely%20share%20files%20of%20any%20size%20directly%20between%20devices%20using%20your%20browser&count=none" scrolling="no" frameborder="0" allowtransparency="true" ></iframe>
<a href="http://www.webrtc.org/" class="webrtc" target="_blank" rel="noopener noreferrer"><span>WebRTC</span></a>
<a href="https://www.firebase.com/" class="firebase" target="_blank" rel="noopener noreferrer"><span>Powered by Firebase</span></a>
</footer>

25
public/assets/images/cowbell-labs.svg
View File

@ -1,25 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="101.33px" height="16px" viewBox="0 0 101.33 16" enable-background="new 0 0 101.33 16" xml:space="preserve">
<g>
<g>
<g id="rect2985">
<path d="M9.031 12.761H6.958v-1.048l-2.984 0.011l0.087-0.853c0.693-6.794 1.59-6.794 2.184-6.794h0.222V3.238h3.056v0.839h0.222 c0.608 0 1.4 0 2.2 6.788l0.095 0.858l-3.001-0.011V12.761z M6.561 5.62c-0.284 0.66-0.639 2.648-0.87 4.555l1.798-0.009 l0.505 0.001l0.507-0.001v0.003l1.8 0.006C10.056 8.3 9.7 6.3 9.4 5.62H6.561z"/>
</g>
<g id="path2987">
<path d="M8 16c-4.411 0-8-3.59-8-8c0-4.411 3.588-8 8-8s8 3.6 8 8C16 12.4 12.4 16 8 16z M8 1.5 C4.439 1.5 1.5 4.4 1.5 8c0 3.6 2.9 6.5 6.5 6.457S14.457 11.6 14.5 8C14.457 4.4 11.6 1.5 8 1.542z"/>
</g>
</g>
<g>
<path d="M24.607 5.468c-0.72 0-1.277 0.27-1.672 0.811c-0.395 0.541-0.592 1.294-0.592 2.261c0 2 0.8 3 2.3 3 c0.633 0 1.4-0.157 2.3-0.475v1.604c-0.74 0.308-1.566 0.462-2.479 0.462c-1.312 0-2.315-0.397-3.01-1.193 c-0.695-0.796-1.042-1.938-1.042-3.426c0-0.938 0.17-1.759 0.511-2.464c0.342-0.705 0.832-1.246 1.471-1.623 c0.64-0.376 1.389-0.564 2.249-0.564c0.876 0 1.8 0.2 2.6 0.635L26.63 6.066c-0.337-0.16-0.676-0.3-1.018-0.419 S24.936 5.5 24.6 5.468z"/>
<path d="M34.945 9.563c0 1.123-0.296 2-0.888 2.634c-0.593 0.633-1.417 0.949-2.474 0.949c-0.662 0-1.246-0.145-1.751-0.435 c-0.506-0.29-0.895-0.706-1.166-1.249s-0.407-1.176-0.407-1.9c0-1.126 0.294-2.002 0.882-2.627s1.415-0.938 2.479-0.938 c0.662 0 1.2 0.1 1.8 0.432c0.506 0.3 0.9 0.7 1.2 1.239C34.809 8.2 34.9 8.8 34.9 9.563z M30.177 9.6 c0 0.7 0.1 1.2 0.3 1.548c0.224 0.3 0.6 0.5 1.1 0.524c0.501 0 0.862-0.174 1.083-0.521 c0.22-0.348 0.33-0.864 0.33-1.551c0-0.683-0.111-1.194-0.333-1.536s-0.586-0.512-1.091-0.512c-0.502 0-0.864 0.169-1.086 0.5 S30.177 8.9 30.2 9.563z"/>
<path d="M42.167 13.023l-0.531-2.412l-0.715-3.046h-0.043l-1.258 5.458h-2.023l-1.961-6.896h1.875l0.796 3.1 c0.127 0.5 0.3 1.3 0.4 2.264h0.037c0.016-0.312 0.088-0.809 0.216-1.487l0.099-0.524l0.852-3.306h2.072l0.808 3.3 c0.017 0.1 0 0.2 0.1 0.4c0.035 0.2 0.1 0.4 0.1 0.564c0.033 0.2 0.1 0.4 0.1 0.6 c0.026 0.2 0 0.3 0 0.459h0.037c0.038-0.296 0.103-0.702 0.197-1.218c0.095-0.517 0.163-0.865 0.204-1.046l0.826-3.053 h1.844l-1.986 6.896H42.167z"/>
<path d="M51.148 5.998c0.813 0 1.4 0.3 1.9 0.953c0.461 0.6 0.7 1.5 0.7 2.612c0 1.139-0.236 2.021-0.712 2.6 s-1.12 0.938-1.938 0.938c-0.811 0-1.445-0.294-1.906-0.882h-0.131l-0.313 0.759h-1.437V3.426h1.881v2.233 c0 0.284-0.024 0.738-0.075 1.363h0.075C49.632 6.3 50.3 6 51.1 5.998z M50.543 7.503c-0.465 0-0.804 0.143-1.018 0.4 c-0.214 0.286-0.325 0.758-0.333 1.416v0.204c0 0.7 0.1 1.3 0.3 1.591c0.219 0.3 0.6 0.5 1 0.5 c0.386 0 0.694-0.178 0.922-0.533c0.229-0.355 0.343-0.873 0.343-1.551c0-0.679-0.116-1.188-0.345-1.527 C51.255 7.7 50.9 7.5 50.5 7.503z"/>
<path d="M58.426 13.146c-1.11 0-1.979-0.306-2.603-0.919c-0.626-0.612-0.938-1.48-0.938-2.603c0-1.155 0.289-2.048 0.866-2.68 s1.376-0.947 2.396-0.947c0.975 0 1.7 0.3 2.3 0.833s0.814 1.3 0.8 2.301v0.913h-4.447 c0.021 0.5 0.2 1 0.5 1.252c0.297 0.3 0.7 0.5 1.2 0.451c0.415 0 0.809-0.044 1.178-0.13 c0.37-0.087 0.758-0.224 1.16-0.413v1.455c-0.329 0.165-0.681 0.287-1.055 0.367C59.42 13.1 59 13.1 58.4 13.146z M58.161 7.336c-0.398 0-0.711 0.126-0.938 0.379s-0.355 0.612-0.389 1.076h2.641c-0.009-0.464-0.13-0.823-0.364-1.076 S58.56 7.3 58.2 7.336z"/>
<path d="M64.649 13.023h-1.882V3.426h1.882V13.023z"/>
<path d="M68.504 13.023h-1.882V3.426h1.882V13.023z"/>
<path d="M73.908 13.023V4.006h1.911v7.438h3.658v1.579H73.908z"/>
<path d="M85.275 13.023l-0.364-0.938h-0.049c-0.317 0.398-0.644 0.675-0.978 0.829c-0.336 0.155-0.773 0.231-1.312 0.2 c-0.662 0-1.183-0.188-1.563-0.567c-0.381-0.378-0.57-0.917-0.57-1.616c0-0.731 0.256-1.271 0.768-1.619 c0.513-0.348 1.284-0.54 2.316-0.577l1.196-0.037V8.428c0-0.699-0.357-1.048-1.073-1.048c-0.551 0-1.198 0.167-1.942 0.5 l-0.623-1.27c0.793-0.416 1.673-0.623 2.64-0.623c0.925 0 1.6 0.2 2.1 0.604c0.493 0.4 0.7 1 0.7 1.838v4.595 H85.275z M84.719 9.829l-0.728 0.024c-0.547 0.016-0.954 0.115-1.222 0.295c-0.268 0.182-0.401 0.457-0.401 0.8 c0 0.5 0.3 0.8 0.9 0.796c0.437 0 0.785-0.126 1.046-0.377c0.261-0.25 0.392-0.584 0.392-0.998V9.829z"/>
<path d="M92.362 5.998c0.814 0 1.5 0.3 1.9 0.953c0.461 0.6 0.7 1.5 0.7 2.612c0 1.139-0.237 2.021-0.712 2.6 c-0.476 0.625-1.121 0.938-1.939 0.938c-0.811 0-1.446-0.294-1.906-0.882h-0.13l-0.314 0.759h-1.438V3.426h1.882v2.233 c0 0.284-0.024 0.738-0.074 1.363h0.074C90.846 6.3 91.5 6 92.4 5.998z M91.757 7.503c-0.465 0-0.804 0.143-1.018 0.4 c-0.214 0.286-0.325 0.758-0.333 1.416v0.204c0 0.7 0.1 1.3 0.3 1.591c0.22 0.3 0.6 0.5 1 0.5 c0.387 0 0.694-0.178 0.922-0.533c0.229-0.355 0.343-0.873 0.343-1.551c0-0.679-0.115-1.188-0.345-1.527 C92.47 7.7 92.2 7.5 91.8 7.503z"/>
<path d="M101.33 10.976c0 0.708-0.245 1.246-0.737 1.615c-0.491 0.37-1.227 0.556-2.204 0.556c-0.503 0-0.93-0.033-1.283-0.102 s-0.685-0.168-0.993-0.299v-1.555c0.35 0.2 0.7 0.3 1.2 0.413c0.438 0.1 0.8 0.2 1.2 0.2 c0.683 0 1.024-0.198 1.024-0.592c0-0.148-0.045-0.27-0.136-0.361c-0.091-0.093-0.246-0.197-0.469-0.314 c-0.222-0.117-0.518-0.254-0.889-0.41c-0.53-0.222-0.919-0.428-1.168-0.617c-0.25-0.189-0.43-0.406-0.543-0.651 s-0.17-0.546-0.17-0.904c0-0.612 0.238-1.086 0.713-1.422c0.475-0.334 1.147-0.502 2.02-0.502c0.831 0 1.6 0.2 2.4 0.5 l-0.567 1.357c-0.345-0.148-0.668-0.27-0.969-0.364c-0.299-0.094-0.606-0.142-0.918-0.142c-0.556 0-0.833 0.15-0.833 0.5 c0 0.2 0.1 0.3 0.3 0.438c0.179 0.1 0.6 0.3 1.2 0.549c0.538 0.2 0.9 0.4 1.2 0.6 c0.25 0.2 0.4 0.4 0.6 0.654C101.27 10.3 101.3 10.6 101.3 10.976z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 5.5 KiB

BIN
public/assets/images/firebase.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.3 KiB

3
public/assets/images/persona.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="20.766px" height="16px" viewBox="451.883 302.699 20.766 16" enable-background="new 451.883 302.699 20.766 16" xml:space="preserve">
<path d="M466.097 302.699H452.53c-0.357 0-0.646 0.29-0.646 0.647v14.706c0 0.4 0.3 0.6 0.6 0.646h13.567l6.552-8.047 L466.097 302.699z M459.878 315.803c-3.302 0-4.412-0.15-4.412-0.15s0.167-2.843 1.372-3.315c1.205-0.473 1.467-0.381 1.885-0.633 c0.01-0.006-0.042-0.024-0.031-0.03l0.101-0.501c-0.401-0.351-0.721-0.879-0.907-1.484c-0.217-0.232-0.343-0.506-0.343-0.8 c0-0.201 0.06-0.393 0.167-0.569c0.071-1.48 1.014-2.581 2.169-2.581l0.061-0.03c1.156 0 2 1.1 2.1 2.6 c0.108 0.2 0.2 0.4 0.2 0.569c0 0.294-0.126 0.568-0.343 0.8c-0.187 0.605-0.507 1.134-0.908 1.484l0.156 0.5 c0.002 0 0 0 0 0c0.418 0.3 0.7 0.2 1.9 0.663c1.205 0.5 1.3 3.3 1.3 3.3 S463.18 315.8 459.9 315.803z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 941 B