Skip to content

RANDOMSWAMPRPG #32

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Snowlyst wants to merge 8 commits into
base: main
Choose a base branch
from
Open

RANDOMSWAMPRPG #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
1c11eaf
gridboard working
Snowlyst Jun 8, 2023
c338bde
added some features
Snowlyst Jun 11, 2023
e2fe17a
game kinda working but no css
Snowlyst Jun 12, 2023
d043c91
progress with congress
Snowlyst Jun 12, 2023
e9f08bf
css added
Snowlyst Jun 13, 2023
d58a583
finished ver1
Snowlyst Jun 14, 2023
3c17d77
change1
Snowlyst Jun 14, 2023
0b1bbe5
made some small changes to ui n cut a few lines of code
Snowlyst Jun 15, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
873 changes: 859 additions & 14 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

9 changes: 9 additions & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,19 @@
{
"name": "project1-bootcamp",
"homepage": "https://Snowlyst.github.io/project1-bootcamp",
"version": "0.1.0",
"private": true,
"dependencies": {
"bootstrap": "^5.3.0",
"react": "^18.1.0",
"react-bootstrap": "^2.7.4",
"react-dom": "^18.1.0",
"react-responsive-modal": "^6.4.1",
"react-scripts": "5.0.1"
},
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
"start": "react-scripts start",
"build": "react-scripts build"
},
Expand All @@ -27,5 +33,8 @@
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"gh-pages": "^5.0.0"
}
}
2 changes: 1 addition & 1 deletion public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Rocket Bootcamp Project</title>
<title>Abel's Bootcamp Project 1</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
Expand Down
147 changes: 142 additions & 5 deletions src/App.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
.App {
text-align: center;
* {
box-sizing: border-box;
}

.App-logo {
Expand All @@ -8,12 +8,149 @@
}

.App-header {
background-color: #282c34;
min-height: 100vh;
background-image: url(./pictures/bg.jpeg);
background-size: cover;
}

.Container {
height: 100vh;
width: 100vh;
padding: 0px;
}
@media screen and (min-width: 700px) {
.Container {
padding: 100px;
}
}
.TopRow {
min-height: 50vh;
display: flex;
flex-direction: row;
}
.BotRow {
min-height: 30vh;
display: flex;
flex-direction: row;
}
.Gameboard-Low-HP {
background-image: linear-gradient(#000000, transparent, red),
url(./pictures/swampbg.png);
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
border-radius: 40px 40px 0 0;
border-color: red;
border-style: solid;
font-size: calc(10px + 1vmin);
text-align: center;
color: white;
}
.Gameboard-High-HP {
background-image: url(./pictures/swampbg.png);
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
border-radius: 40px 40px 0px 0px;
border-color: purple;
border-style: solid;
font-size: calc(10px + 1vmin);
text-align: center;
color: white;
min-height: 30vh;
}

.Statusboard-High-HP {
background-image: url(./pictures/bloom.png);
background-size: cover;
border-radius: 40px 40px 0 0;
border-color: brown;
border-style: solid;
justify-content: space-around;
align-items: center;
flex-direction: column;
display: flex;
min-height: 30vh;
}
.Statusboard-Low-HP {
background-image: url(./pictures/wilting.png);
background-size: cover;
border-radius: 40px 40px 0 0;
border-color: brown;
border-style: solid;
justify-content: space-around;
align-items: center;
flex-direction: column;
display: flex;
min-height: 30vh;
}
.LifeStatus {
text-align: center;
}

.MessageBoard {
background-color: #282c34;
border-radius: 0 0 40px 40px;
border-color: white;
border-style: solid;
font-size: calc(10px + 1vmin);
color: white;
display: flex;
flex-direction: column;
min-height: 20vh;
}
.MessageHistoryTitle {
text-align: center;
justify-content: center;
}

.Messages {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 250px;
}
.KeysOverall {
border-radius: 0 0 40px 40px;
border-color: blue;
border-style: solid;
text-align: center;
background-image: url(./pictures/gameanalog.png);
background-size: cover;
}

.topKey {
padding-top: 20px;
height: 98px;
}

.middleKey {
padding-top: 20px;
height: 98px;
}

.bottomKey {
padding-top: 20px;
height: 98px;
}

.Life {
text-align: center;
font-size: calc(10px + 2vmin);
color: white;
background-color: lightgray;
opacity: 0.7;
}

.instructions {
font-size: 12 !important;
background-color: darkgrey;
opacity: 0.9;
}

.Modal {
border-radius: 20px;
}
8 changes: 3 additions & 5 deletions src/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,14 @@
import React from "react";
import logo from "./logo.png";
import "./App.css";
import Gameboard from "./GameBoard";
import "bootstrap/dist/css/bootstrap.min.css";

class App extends React.Component {
render() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<Gameboard />
</header>
</div>
);
Expand Down
Loading