Max/SolidScribe
1
0
Fork 0
Code Issues 24 Pull Requests Releases Wiki Activity

Added rate limiting and server security

Browse Source 
Ton of little visual style tweaks and little up improvements for mobile
This commit is contained in:
Max G
2020-03-26 04:45:23 +00:00
parent 4cc6014581
commit 1b14a8fd31
17 changed files with 283 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/pages/AttachmentsPage.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="ui basic segment no-fluf-segment" ref="content">
<div class="ui grid">
<div class="ui stacking grid">
<div class="ui twelve wide column">
<div class="sixteen wide column">
<h2 class="ui header">
<i class="folder open outline icon"></i>
<div class="content">
@@ -14,7 +14,7 @@
<!-- subnav -->
<router-link
exact-active-class="green"
class="ui basic button"
class="ui basic button shrinking"
to="/attachments">
<i class="open folder outline icon"></i>
All
@@ -22,7 +22,7 @@
<router-link
v-if="$store.getters.totals && $store.getters.totals['linkFiles']"
exact-active-class="green"
class="ui basic button"
class="ui basic button shrinking"
to="/attachments/type/links">
<i class="linkify icon"></i>
Links
@@ -30,16 +30,13 @@
<router-link
v-if="$store.getters.totals && $store.getters.totals['otherFiles']"
exact-active-class="green"
class="ui basic button"
class="ui basic button shrinking"
to="/attachments/type/files">
<i class="copy icon"></i>
Other Files
</router-link>
</div>
<div class="four wide bottom aligned column">
<i v-if="loading" class="green sync alternate loading icon"></i>
</div>
<div class="sixteen wide column" v-if="searchParams.noteId">
<router-link class="ui green button" to="/attachments">
@@ -50,6 +47,8 @@
<i class="file outline icon"></i>
Open Note
</div>
<i v-if="loading" class="green sync alternate loading icon"></i>
</div>
<div class="sixteen wide column" v-if="searchParams['noteId'] && attachments.length == 0">

32
client/src/pages/HomePage.vue
View File

@@ -11,12 +11,16 @@
-moz-animation: fadeorama 16s ease infinite;
animation: fadeorama 16s ease infinite;
}
.logo-display {
width: 50%;
}
.lightly-padded {
margin-top: 10px;
}
.massive-text {
color: white;
font-size: 4rem;
text-align: center;
}
.blinking {
animation:blinkingText 1.5s linear infinite;
@@ -63,6 +67,9 @@
}
/*safari fix - prevents page from being below the menu */
.green-text {
color: #3710a4;
}
.dont-pad-me {
margin-right: 0 !important;
margin-left: 0 !important;
@@ -101,13 +108,18 @@
<!-- desktop column - large screen only -->
<div class="seven wide middle aligned left aligned column">
<h2 class="massive-text">Take Notes, <br>Like Never Before</h2>
<h2 class="massive-text">
<img class="logo-display" loading="lazy" src="/api/static/assets/logo.svg" alt="Solid Scribe Logo">
<br>
Solid Scribe
</h2>
<h3 class="subtext">
Using an online note application <i class="i cursor icon blinking"></i>
Take Notes Like Never Before<i class="i cursor icon blinking"></i>
</h3>
<p>Assuming you have never used a note application previously in your life.</p>
<br>
<i class="huge inverted chevron circle down icon"></i>
<p class="green-text">Assuming you have never used a note application previously in your life.</p>
</div>
<div class="eight wide middle aligned left aligned column">
@@ -269,7 +281,6 @@
<p>
If you see anything broken or want to see a feature implemented, I'm open to suggestions. <i class="thumbs up icon"></i>
</p>
<p>Hero Slide Photo Credit - <a target="_blank" href="https://unsplash.com/@tkaslik14">https://unsplash.com/@tkaslik14</a></p>
<p>Generic Marketing Images - <a target="_blank" href="https://undraw.co/">https://unDraw.co/</a></p>
</div>
<div class="four wide column">
@@ -291,15 +302,14 @@ export default {
realInformation: false,
}
},
beforeMount(){
beforeCreate(){
//Force HTTPS on prod, always. Dev doesn't have certs
const isDev = process.env['NODE_ENV'] == 'development'
if (!isDev && location.protocol != 'https:'){
window.location.replace('https://www.avidhabit.com')
window.location.replace('https://www.solidscribe.com')
}
},
beforeMount(){
//Don't change hero banner on mobile
if(!this.$store.getters.getIsUserOnMobile){

6
client/src/pages/NotesPage.vue
View File

@@ -14,7 +14,7 @@
<div class="ten wide column" :class="{ 'sixteen wide column':$store.getters.getIsUserOnMobile }">
<div class="ui basic button"
<div class="ui basic button shrinking"
v-on:click="updateFastFilters(3)"
v-if="$store.getters.totals && ($store.getters.totals['sharedToNotes'] > 0 || $store.getters.totals['sharedFromNotes'] > 0)"
style="position: relative;">
@@ -24,12 +24,12 @@
</span>
</div>
<div class="ui basic button" v-on:click="updateFastFilters(2)" v-if="$store.getters.totals && $store.getters.totals['archivedNotes'] > 0">
<div class="ui basic button shrinking" v-on:click="updateFastFilters(2)" v-if="$store.getters.totals && $store.getters.totals['archivedNotes'] > 0">
<i class="green archive icon"></i>Archived
<!-- <span>{{ $store.getters.totals['archivedNotes'] }}</span> -->
</div>
<div class="ui basic button" v-on:click="updateFastFilters(4)" v-if="$store.getters.totals && $store.getters.totals['encryptedNotes'] > 0">
<div class="ui basic button shrinking" v-on:click="updateFastFilters(4)" v-if="$store.getters.totals && $store.getters.totals['encryptedNotes'] > 0">
<i class="green lock alternate icon"></i>Locked
<!-- <span>{{ $store.getters.totals['encryptedNotes'] }}</span> -->
</div>