Git Product home page Git Product logo

web-riverside's Introduction

Riverside Rocks

Website for Riverside Rocks. Powered by Bramus router, Pug, Pusher, and PHP 7.

Live at:

https://riverside.rocks

Requirements

  • PHP 7 or higher (our server runs PHP 7.3 at the moment)
  • Apache2 (Nginx should work, but I've never tried it myself.)
  • MySQL

Installing

Begin by cloning the repo:

git clone https://github.com/RiversideRocks/web-riverside.git

Install all dependencies:

composer install

Setting up API keys and secrets

Currently our .env file accepts:

  • MySQL server *
  • MySQL username *
  • MySQL password *
  • MySQL database *
  • Google API key with access to the youtube API *
  • AbuseIPDB API key
  • Uploading key, a password used to upload assets to the site
  • Github Oauth Secret
  • Github Oauth Client
  • Github Callback
  • Pusher API Key

* key is required and the site will not function without it

If you need some help, please check out our example .env file.

You are ready to go!

web-riverside's People

Contributors

aboutdavid avatar code-alt avatar codekidsro avatar oldalt avatar sg5 avatar stilic avatar szepeviktor avatar trentwiles avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

web-riverside's Issues

DDoS Protection

Do you want me to try and open a bunch of tabs on your website, like sending a lot of requests, for testing?

Discord Forum Thing

Thing
I've tried making a discord-themed forum design thing, what do you think?

Your account is blocked

<div class="alert alert-danger" role="alert">
  <h4 class="alert-heading">Account block</h4>
  Your account was blocked from sending messages to the chat.
</div>

Halfmoon design for an "account blocked" thing

New Design

Oof, almost done with the design!

.page-wrapper.with-sidebar
  .sidebar
    .sidebar-menu
      a.sidebar-brand(href='https://riverside.rocks/' rel='noopener noreferrer' target='_blank') Riverside Rocks
      // Sidebar links and titles
      h5.sidebar-title Channels
      .sidebar-divider
        br
        button.btn.btn-primary(type='button') #general
        br
        br
        button.btn(type='button') #YouTube
        br
        br
        button.btn(type='button') #Technology
  .content-wrapper
    h2(style='padding-left:10px;') #general
    .border
      strong(style='font-size:15px;') LankyBox01: 
      span(style='font-size:15px;') Henlo
    .border
      strong(style='font-size:15px;') RiversideRocks: 
      span(style='font-size:15px;') Henlo
    .border
      strong(style='font-size:15px;') Eddiestech: 
      span(style='font-size:15px;') Nice design!
    .border
      strong(style='font-size:15px;') Code-alt: 
      span(style='font-size:15px;') Henlo
    .border
      strong(style='font-size:15px;') LankyBox01: 
      span(style='font-size:15px;') Yeet boi

response

Patched, if you have any more issues, reopen this issue.

Originally posted by @RiversideRocks in #43 (comment)

I cannot re-open issues closed by those with write access, just saying.

Apparently..

Every time i try to create a new file, i get a 404.
So i will be posting my idea here: COLORFUL EASTER EGG

All you have to do is type out "River", not in a box or someting - just type it out normally, and then this should happen:
(function(){ var all = document.getElementsByTagName("*"); for (var i=0, max=all.length; i < max; i++) { all[i].style.backgroundColor ='#'+Math.floor(Math.random()*16777215).toString(16); } })();

Go ahead and try it, in the console!

Messages bug

Do not believe anything that gets sent on the tucker account, i am not sending those messages.
Ask me here if i send a message just to be sure.

Code snippets

for the new design, i'll leave code snippets here!

input.form-control(type='text' placeholder='Text input')

Banned | CSS Update

Banned.pug

include head.pug
br
h1 #{type}
p Our moderators have decided to block your account. If you have a question or want to appeal, please contact us at [email protected]
p(style="width:60%") Reason: #{rule}
br
Here are your past warnings:
div(class="warnings") #{Warnings}
br
strong To appeal:
br
p Username:
input(id="usrnm")
br
p Email:
input(id="email")
br
p Message:
input(id="msg")

CSS

.warnings {
  border: 2px solid grey;
  border-radius: 2px;
  background-color: lightgrey;
  padding: 10px;
  width: 500px;
}

HTTP ERROR 500

Seems like there's an error with the website, mind looking at it?

heck yes

HECK YES THERE IS A DASHBOARD THAT WORKS WITH GITHUB OAUTH YES YES YES

About the new security policy..

Are the ones who helped make the website considered "authors"?
Like eddiestech, aboutdavid, and me?
I'm just giving examples, not meaning to exclude anyone

[CRITICAL] Banning Not Working

Attention!
There's an issue going around that you cannot get banned. Your username gets changed to "tucker" and you can log out and in back to reset your username.
This may be considered a security risk!

Can i manage issues

they don't affect the main site, do they?
And i can also try keeping everything clean

Dashboard progress

I've made a small CSS for a dashboard.
[ STYLE.CSS ]

div.section {
  background-color: lightgrey;
  color: black;
  width: 50%;
  height: 200px;
  padding: 10px;
  border: 2px solid grey;
  border-radius: 5px;
}

[ DASHBOARD.PUG ]

div(style="width:45%;height: 200px;float:left;" class="section")aaaaa
div(style="float:right;width:50%;" class="section")aaaaa

I tested it using HTML, i'm not sure about pug.

Log-in error

If i try to log in, i do not get prompted to the dashboard -- instead, a text appears saying "Hello BibliotecaOvidiu, your ID is" and a lot of numbers.

Ban test

Could you ban the account BibliotecaOvidiu for a few minutes so i can see how the result looks?

Heyo

heyo river yeah it was really me with my teachers acc...

Light mode

Could you please add light mode? I am not used to the dark.
button(onclick="halfmoon.toggleDarkMode()") should be fairly easy.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.