GithubHelp home page GithubHelp logo

t0astbread / cs-website Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 3.84 MB

Website for a company I was working for (in an internship)

PHP 12.79% CSS 31.96% HTML 1.29% TypeScript 26.12% Twig 27.84%
website company-site html html5 css css3 php php7 twig typescript

cs-website's Introduction

cs-website

What is this thing?

This is a website for a company I'm working for. Their current website can be found at https://www.computer-steiner.com (which may or may not be a descendant of what's in this repo).

The site seems to be broken now if no Referer header is sent in HTTP requests for it. (Which is not my fault.) This applies when navigating away from GitHub so links on this page won't work. A workaround is to search for "Computer Steiner", then visit the site from the search results.

Why does it have this weird project architecture?

Because it's a Visual Studio 2017 project. I don't like it either but it was a requirement. You can, however, use any text editor to make changes to it.

How do I set this up in my local workspace?

To get this project up and running you need to install a few things first:

  • Componser: A dependency manager for PHP
  • NPM: A package manager for Node.js (Note that Node.js isn't used in this project, but it's still necessary because you can't install NPM without Node)
  • TypeScript: More specifically, the TypeScript compiler; Can be downloaded through NPM

I've just downloaded all of that cr**. What now?

Execute these steps:

  1. Clone the repo (if you haven't already)
  2. Open the command prompt on the folder cs-website/ (the one that contains the composer.json and composer.lock files) in the cloned repo
  3. Run composer install. This will download the PHP dependencies of this project. A folder called vendor/ should appear.
  4. Run tsc. This will translate the TypeScript files into JavaScript.

If you plan on editing the TypeScript files you can also run tsc -w, which will start an instance of the compiler that looks for file changes and then automatically recompiles the files.

cs-website's People

Contributors

t0astbread avatar

Watchers

 avatar  avatar

cs-website's Issues

Improve Compatibility

I've just tested it and the site doesn't fully work in IE9. However, it's only the news section that's causing problems. I suspect that it's somehow related to the request that's used to load the news?

IE10:

image

IE9:

image

Admin Area

It would be nice if there was a GUI for writing news stories that could be accessed with a password

Implement a Server Backend for News

Write a backend that can store news stories in a MySQL database.

The required columns for the news table are:

  • ID
  • Title
  • Date
  • Author
  • Keywords (maybe?)
  • Text

There should also be a way to return a preview of the text (e.g. the first 20 words) and the news-list.php page has to be implemented.

Weird Glitchy Behaviour of Slideshow Panels

The slideshow panels glitch around weirdly when jumping over one panel (movement distance: 2 panels).

I was able to reproduce it with the following steps:

  1. Click on Produkte > CS-Routing in the navigation bar
  2. Click on Produkte > CS-Transport
  3. Click on Produkte > CS-Routing again

Tested in the latest version of Chrome.

Implement Jobs-Section

There should be a section that displays job opportunities, just like the news section.

Make Slideshow Panels Linkable

Slideshow panels should be linkable (you should be able to reference them by ID). The slideshow should automatically scroll to the linked panel.

News Section

Implement a news section that fetches news stories from a database

Create a "Slide-With"-Component

Create a component that acts like a slideshow but has no control buttons. Instead it is linked to a slideshow and follows its movement.

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.