diff --git a/src/CSS/easierToRead.css b/src/CSS/easierToRead.css new file mode 100644 index 0000000..2a3e930 --- /dev/null +++ b/src/CSS/easierToRead.css @@ -0,0 +1,50 @@ +body{ + background-color: hsl(0, 0%, 40%); + margin: 0; +} +main{ + margin-left: 20px; + margin-right: 20px; +} +h1{ + text-align: center; + color:lightgrey; +} +h2{ + text-align: center; + color:lightgrey; +} +h3{ + text-align: center; + color:lightgrey; +} +p{ + text-align: center; + color:lightgrey; +} +.navbar ul{ + list-style-type: none; + background-color: hsl(0, 0%, 25%); + padding: 0; + margin: 0; + overflow: hidden; +} +.navbar a{ + color: white; + text-decoration: none; + padding: 15px; + display: block; + text-align: center; +} +.navbar a:hover{ + background-color: hsl(0, 0%, 10%); +} +.navbar li{ + float: left; +} +.center { + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; +} \ No newline at end of file diff --git a/src/CSS/lightstyle.css b/src/CSS/lightstyle.css new file mode 100644 index 0000000..8e437bf --- /dev/null +++ b/src/CSS/lightstyle.css @@ -0,0 +1,31 @@ +body{ + background-color: hsl(0, 0%, 40%); + margin: 0; +} +main{ + margin-left: 20px; + margin-right: 20px; +} +h1{ + text-align: center; +} +.navbar ul{ + list-style-type: none; + background-color: hsl(0, 0%, 25%); + padding: 0; + margin: 0; + overflow: hidden; +} +.navbar a{ + color: white; + text-decoration: none; + padding: 15px; + display: block; + text-align: center; +} +.navbar a:hover{ + background-color: hsl(0, 0%, 10%); +} +.navbar li{ + float: left; +} diff --git a/src/CSS/snake_style.css b/src/CSS/snake_style.css new file mode 100644 index 0000000..598d0d6 --- /dev/null +++ b/src/CSS/snake_style.css @@ -0,0 +1,36 @@ +html, body { + background-color: black; + height: 100%; + margin: 0; + } + +.navbar ul{ + list-style-type: none; + background-color: hsl(0, 0%, 25%); + padding: 0; + margin: 0; + overflow: hidden; +} +.navbar a{ + color: white; + text-decoration: none; + padding: 15px; + display: block; + text-align: center; +} +.navbar a:hover{ + background-color: hsl(0, 0%, 10%); +} +.navbar li{ + float: left; +} + + #gameContainer { + background: black; + display: flex; + align-items: center; + justify-content: center; + } + canvas { + border: 1px solid white; + } \ No newline at end of file diff --git a/src/Manual.html b/src/Manual.html new file mode 100644 index 0000000..6bb1f9a --- /dev/null +++ b/src/Manual.html @@ -0,0 +1,99 @@ + + + + + + Hub + + + + + +

+ This will just be a quick guide for telling you about how to install IntelliJ and then starting your first project. +

+ + +

+ Accessing the Educational License +

+ +Free Educational License + +

+ As can be seen here IntelliJ offers a Free License +

+ +

+ To access this you'll scroll down on this page and find a button to apply for this it should look like this. +

+ +Apply Button + +

+ When you click into this you should get a page like this +

+ +Form for Application + +

+ After filling in your details if you go into your University Email. +

+

+ You should get an email that looks like this. +

+ +Email for Confirmation + +

+ After completing this the next part is just to make updating and accessing new JetBrains IDEs easier +

+

+ As such you should also download. +
+ Jetbrains Toolbox +
+

+ +Toolbox Install link + +

+ Where is the button? +

+ +

+ After installing this you should have something like this at the bottom right of your screen. + If you are having trouble finding it on windows it can be inside the arrow instead of the just clicking the cube. +

+ +Toolbox Button + +

+ All the IDEs *way too many* +

+

+ Now if you click into this it should bring you to something like this. +

+Toolbox Menu + +

+ Within here you should find IntelliJ Idea Ultimate and a number of other IDEs for different Programming Languages. + + Now once you haven't made any project before you can double-click on IntelliJ Idea Ultimate which should bring you to a menu like this. +

+New Project + +

+ From here just pick Java (optional ask for it to create a git repository) and add sample code if you feel it's necessary and away you go with your Java Project. +

+ + + \ No newline at end of file diff --git a/src/Readme/Readme.md b/src/Readme/Readme.md new file mode 100644 index 0000000..2fbfe81 --- /dev/null +++ b/src/Readme/Readme.md @@ -0,0 +1,14 @@ +# The Website on skynet + +Hi my name is Kaiden, I am currently a second year Maths and Computer Science Student studying in UL. I am currently trying to transfer into Computer Systems year 2. + +As part of this I am trying to develop my skills with using html and developing websites and figuring out how to use Computer Science in my Everyday problems. + +As such here is a list of the things I am trying to do + +| Idea | Website | +|--------------------------------------|---------| +| Counter for high-score in Snake game | | +| Develop the snake game | | +| Make a button for dark/light mode | | +| Timetable | | diff --git a/src/Readme/Snakes.md b/src/Readme/Snakes.md new file mode 100644 index 0000000..3abacbb --- /dev/null +++ b/src/Readme/Snakes.md @@ -0,0 +1,22 @@ +# THE SNAKES + +I found the code for this from ZiKT1229s' GitHub gist, here they have provided a basic implementation of the snake game which I am using to help with developing my skills with Javascript + +The ideas which it has provided are +## Touchscreen + +The idea here is that right now someone using a mobile phone has no way of playing unless they have access to a keyboard. + +So I am going to look into how I can develop this feature for the game + +## Score + +The idea here is that right now there is no way of keeping track of the score so if there was some kind of counter that would allow you to easily know if you have beaten your highscore or not + +### Leaderboard + +There should be some way of using cookies to save the highscores of different users and then display them in a leaderboard + +## Scaling for mobile + +Make it so that the game is more accessible for mobile users as currently when held in portrait on my phone it is tiny but when held horizontal it is grand. So developing a way to tell the user to turn their phone horizontal while it is portrait. \ No newline at end of file diff --git a/src/Readme/Styling.md b/src/Readme/Styling.md new file mode 100644 index 0000000..783638c --- /dev/null +++ b/src/Readme/Styling.md @@ -0,0 +1,23 @@ +# Styles + +All this is for is how I have developed in using both css and html for the look of this website so right now I don't really know anything that I think is worth writing down. + +So these are what I want to develop and write about + +## Navbar woes + +I have been trying to get the navbar to work for soooooo long and have finally solved it with the help of this [video](https://www.youtube.com/watch?v=f3uCSh6LIY0) + +So now we have a nav bar, and it is working for the three different sites the only problem is that now there is no margin between it and the snake game + +### Margin between navbar and snake game + +Put a margin between the navbar and the snake game + +## Dark/Light mode button + +This would just be a button which I could add in the corner of each website which allowed you to activate a dark mode or light mode + +### Save this setting + +I think there would be a method using cookies to save the last mode a user has used so that the next time they open up the website it would just automatically open in their preferred setting \ No newline at end of file diff --git a/src/Readme/Timetable.md b/src/Readme/Timetable.md new file mode 100644 index 0000000..da463ed --- /dev/null +++ b/src/Readme/Timetable.md @@ -0,0 +1,17 @@ +# Train/Bus timetable + +The idea for this project is that I would develop a website like what brendan has for the 300 bus but this would handle the limerick junction train to limerick. + +Right now the scope is just to develop a list of the trains times for today pull them from the TFI website and display them here + +## Further Ideas + +### Limerick city buses + +The idea here would be to connect this to the limerick city buses with the assumption of a ten-minute walk from limerick colbert station to the upper williams street stop. This is so that my entire trip from my Grandparents house is tipperary to UL would be handled by one website + +### Limerick to waterford buses + +The idea here would be to connect this website to the 55 expressway live timetables so that I could access all the timetables I need from one website. + +Right now I think the best way to display this would be to have a dropdown menu added above the normal train time \ No newline at end of file diff --git a/src/index.html b/src/index.html index 8236fdc..549684b 100644 --- a/src/index.html +++ b/src/index.html @@ -1,12 +1,33 @@ - - - - -
-

Hello World!

-

All hail Skynet!!

-
- + + + + Hub + + + + +
+

+ Hello World! +

+ +

+ This is for messing around mainly +

+

+ This is my new Website Using Skynet +

+
+ + diff --git a/src/phrases.html b/src/phrases.html new file mode 100644 index 0000000..ffb8673 --- /dev/null +++ b/src/phrases.html @@ -0,0 +1,35 @@ + + + + + + Timetable + + + + +
+

+ This is the phrases document +

+ +
+ +
+ +
+ + \ No newline at end of file diff --git a/src/snake.html b/src/snake.html new file mode 100644 index 0000000..ddab416 --- /dev/null +++ b/src/snake.html @@ -0,0 +1,191 @@ + + + + + SNAKE GAME + + + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/src/timetable.html b/src/timetable.html new file mode 100644 index 0000000..6b7dc14 --- /dev/null +++ b/src/timetable.html @@ -0,0 +1,30 @@ + + + + + + Timetable + + + + +
+

+ Timetable for Tipperary to Limerick +

+ +

+ This is my Site for the timetable +

+ +
+ + \ No newline at end of file