Skip to content

add login, home and games page #5

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
indugunturu wants to merge 1 commit into
base: master
Choose a base branch
from
Open

add login, home and games page #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,5 @@
.idea
*.iml
/node_modules
/dist
/.parcel-cache
69 changes: 69 additions & 0 deletions db-1703151480080.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
{
"games": [
{
"name": "Festing Fox",
"description": "Tucked away in their cozy little coop, a brood of hens relax blissfully unaware of the danger lurking right outside. Staring in, the hungriest of foxes lays in wait, planning his attack. Guided by his stomach and the promise of dinner, you can join the him in this achingly gorgeous game that will transport you inside the hen house and keep you entertained with simple, yet enjoyable mechanics.",
"code": "feastingfox",
"icon": "images/game-icon/feasting_fox.png",
"categoryIds": [
0,
2
]
},
{
"name": "Book Of Inferno",
"description": "It’s just another day in the life of Anna the Explorer, where a trio of demons have started crossing over into our realm to take over our world and end life as we know it forever. No biggie. Equipped with a powerful armour and lots of Red Bull, Anna heads into the abyss of darkness while channelling her inner demon huntress. Guided by the Book of Inferno to track down her targets, she’s taking on her most intimidating enemies so far: The Lord of Hell, The Lady of Hell, and the Commander of Hell.But there are even greater dangers lurking inside the fires of hell. Will Anna be able to outsmart the twisted logic of the Inferno?",
"code": "bookofinferno94",
"icon": "images/game-icon/book_of_inferno_logo.png",
"categoryIds": [
0,
1
]
},
{
"name": "Warp Wreckers",
"description": "On a planet far, far away, the world’s top scientists are fighting against the clock to develop robots for the next ‘astrocalypse’. The biggest and most important project is constructing The Destroyer, but it’s not quite finished. Instead, this state-of-the-art facility is packed with cute and colourful robots who don’t realise they’ve been cloned, so when they come face to face with themselves they get confused and explode… which creates an energy orb that activates the booster in the cluster bomb! When everything on the reels has been eliminated, it opens up a portal to another dimension where The Destroyer has already been completed. But it needs the energy of 4 power orbs to activate it, sending you into a time loop of fun. Expect volatile warp crystals, an endless supply of neurotic blow-bots, and wild energy Power Glyphs™. You’ll need them all to power up the warp portals that transport you to the elusive Free Spins dimension, the only place to fully power The Destroyer and clear the board with epic wins!",
"code": "warpwreckers",
"icon": "images/game-icon/warp_wreckers_powerglyph_logo.png",
"categoryIds": [
0,
2,
1
]
},
{
"name": "Reno 7's",
"description": "Who doesn’t have a road trip in the US on their bucket list? Imagine you’ve invited your best friends along for the trip of a lifetime. As you’re cruising down the highway together, wind in your faces and the landscape of Nevada rolling out around you, there’s nothing but blue skies and free time ahead. Driving by a road sign that says ‘7 Miles to Reno’, you feel the pull of the lucky 7s calling your name. Why not enjoy a weekend at this popular gambler’s resort? And as you pull into the city, you notice a Fortune Wheel stacked with 7s. This might just be your lucky day.",
"code": "renosevens",
"icon": "images/game-icon/renoseverns_logo_one_line_shadow.png",
"categoryIds": [
0,
2
]
},
{
"name": "Scatter Monsters",
"description": "Do you love festivals or think they’re hell on Earth? Well, this festival is hell. Literally. A warm welcome to Scatterbury, where monsters from all over the world meet up for a legendary 5-day festival. Scatto, as it’s commonly known in the Underworld, started as a simple event in 1974 with 1,500 visitors. It’s grown year by year and now attracts more than 200,000 culture-loving monsters each year. Party with zombies, demons, and vampires while you match symbols and fill the Soul Meters with unsuspecting souls. And if you fill the Demon meter you get access to the VIP room in hell, where you can mingle with Satan and other superstars. Maybe you’ll even get his autograph?",
"code": "scattermonsters",
"icon": "images/game-icon/scatter-monster-logo.png",
"categoryIds": [
0,
1
]
}
],
"categories": [
{
"id": 0,
"name": "ALL"
},
{
"id": 1,
"name": "VIDEO SLOTS"
},
{
"id": 2,
"name": "SLOT MACHINES"
}
]
}
69 changes: 69 additions & 0 deletions db-1703169170443.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
{
"games": [
{
"name": "Festing Fox",
"description": "Tucked away in their cozy little coop, a brood of hens relax blissfully unaware of the danger lurking right outside. Staring in, the hungriest of foxes lays in wait, planning his attack. Guided by his stomach and the promise of dinner, you can join the him in this achingly gorgeous game that will transport you inside the hen house and keep you entertained with simple, yet enjoyable mechanics.",
"code": "feastingfox",
"icon": "images/game-icon/feasting_fox.png",
"categoryIds": [
0,
2
]
},
{
"name": "Book Of Inferno",
"description": "It’s just another day in the life of Anna the Explorer, where a trio of demons have started crossing over into our realm to take over our world and end life as we know it forever. No biggie. Equipped with a powerful armour and lots of Red Bull, Anna heads into the abyss of darkness while channelling her inner demon huntress. Guided by the Book of Inferno to track down her targets, she’s taking on her most intimidating enemies so far: The Lord of Hell, The Lady of Hell, and the Commander of Hell.But there are even greater dangers lurking inside the fires of hell. Will Anna be able to outsmart the twisted logic of the Inferno?",
"code": "bookofinferno94",
"icon": "images/game-icon/book_of_inferno_logo.png",
"categoryIds": [
0,
1
]
},
{
"name": "Warp Wreckers",
"description": "On a planet far, far away, the world’s top scientists are fighting against the clock to develop robots for the next ‘astrocalypse’. The biggest and most important project is constructing The Destroyer, but it’s not quite finished. Instead, this state-of-the-art facility is packed with cute and colourful robots who don’t realise they’ve been cloned, so when they come face to face with themselves they get confused and explode… which creates an energy orb that activates the booster in the cluster bomb! When everything on the reels has been eliminated, it opens up a portal to another dimension where The Destroyer has already been completed. But it needs the energy of 4 power orbs to activate it, sending you into a time loop of fun. Expect volatile warp crystals, an endless supply of neurotic blow-bots, and wild energy Power Glyphs™. You’ll need them all to power up the warp portals that transport you to the elusive Free Spins dimension, the only place to fully power The Destroyer and clear the board with epic wins!",
"code": "warpwreckers",
"icon": "images/game-icon/warp_wreckers_powerglyph_logo.png",
"categoryIds": [
0,
2,
1
]
},
{
"name": "Reno 7's",
"description": "Who doesn’t have a road trip in the US on their bucket list? Imagine you’ve invited your best friends along for the trip of a lifetime. As you’re cruising down the highway together, wind in your faces and the landscape of Nevada rolling out around you, there’s nothing but blue skies and free time ahead. Driving by a road sign that says ‘7 Miles to Reno’, you feel the pull of the lucky 7s calling your name. Why not enjoy a weekend at this popular gambler’s resort? And as you pull into the city, you notice a Fortune Wheel stacked with 7s. This might just be your lucky day.",
"code": "renosevens",
"icon": "images/game-icon/renoseverns_logo_one_line_shadow.png",
"categoryIds": [
0,
2
]
},
{
"name": "Scatter Monsters",
"description": "Do you love festivals or think they’re hell on Earth? Well, this festival is hell. Literally. A warm welcome to Scatterbury, where monsters from all over the world meet up for a legendary 5-day festival. Scatto, as it’s commonly known in the Underworld, started as a simple event in 1974 with 1,500 visitors. It’s grown year by year and now attracts more than 200,000 culture-loving monsters each year. Party with zombies, demons, and vampires while you match symbols and fill the Soul Meters with unsuspecting souls. And if you fill the Demon meter you get access to the VIP room in hell, where you can mingle with Satan and other superstars. Maybe you’ll even get his autograph?",
"code": "scattermonsters",
"icon": "images/game-icon/scatter-monster-logo.png",
"categoryIds": [
0,
1
]
}
],
"categories": [
{
"id": 0,
"name": "ALL"
},
{
"id": 1,
"name": "VIDEO SLOTS"
},
{
"id": 2,
"name": "SLOT MACHINES"
}
]
}
140 changes: 16 additions & 124 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,134 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>ComeOn Javascript Test</title>
<link href="images/favicon.ico" rel="shortcut icon">

<link rel="stylesheet" type="text/css" href="stylesheets/semantic.css"/>
<link rel="stylesheet" type="text/css" href="stylesheets/styles.css"/>

<head>
<title>ComeOn React</title>
<link href="/mock/images/favicon.ico" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="stylesheets/semantic.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/styles.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
<script src="lib/comeon.game-1.1.min.js"></script>
<script src="https://unpkg.com/@stitches/react/dist/index.global.js"></script>
</head>
<body>
<div class="ui one column center aligned page grid">
<div class="column twelve wide">
<img src="images/logo.svg" alt="logo">
</div>
</div>
<div class="main container">
<div class="login" style="display:block;">
<div class="ui grid centered">
<form>
<div class="fields">
<div class="required field">
<div class="ui icon input">
<input type="text" name="username" placeholder="Username">
<i class="user icon"></i>
</div>
</div>
<div class="required field">
<div class="ui icon input">
<input type="password" name="password" placeholder="Password">
<i class="lock icon"></i>
</div>
</div>
<div class="field">
<div class="ui icon input">
<input type="submit" value="Login">
<i class="right chevron icon"></i>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="casino" style="display:none;">
<div class="ui grid centered">
<div class="twelve wide column">
<div class="ui list">

<!-- player item template -->
<div class="player item">
<img class="ui avatar image" src="" alt="avatar">

<div class="content">
<div class="header"><b class="name"></b></div>
<div class="description event"></div>
</div>
</div>
<!-- end player item template -->

</div>
<div class="logout ui left floated secondary button inverted">
<i class="left chevron icon"></i>Log Out
</div>
</div>
<div class="four wide column">
<div class="search ui small icon input ">
<input type="text" placeholder="Search Game">
<i class="search icon"></i>
</div>
</div>
</div>
<div class="ui grid">
<div class="twelve wide column">
<h3 class="ui dividing header">Games</h3>

<div class="ui relaxed divided game items links">

<!-- game item template -->
<div class="game item">
<div class="ui small image">
<img src="" alt="game-icon">
</div>
<div class="content">
<div class="header"><b class="name"></b></div>
<div class="description">
</div>
<div class="extra">
<div class="play ui right floated secondary button inverted">
Play
<i class="right chevron icon"></i>
</div>

</div>
</div>
</div>
<!-- end game item template -->

</div>
</div>
<div class="four wide column">
<h3 class="ui dividing header">Categories</h3>

<div class="ui selection animated list category items">

<!-- category item template -->
<div class="category item">
<div class="content">
<div class="header"></div>
</div>
</div>
<!-- end category item template -->

</div>
</div>
<body>
<div class="ui one column center aligned page grid">
<div class="column twelve wide">
<img src="./mock/images/logo.svg" alt="logo">
</div>

</div>
<div class="ingame" style="display: none;">
<div class="ui grid centered">
<div class="three wide column">
<div class="ui right floated secondary button inverted"><i class="left chevron icon"></i>Back
</div>
</div>
<div class="ten wide column">
<div id="game-launch">
</div>
</div>
<div class="three wide column"></div>
</div>
<div class="main container">
<div id="root"></div>
</div>
</div>
<script type="module" src="./src/index.js"> </script>
</body>
</html>

</html>
0 images/avatar/eric.jpg → mock/images/avatar/eric.jpg
View file
Open in desktop
File renamed without changes
0 images/avatar/rebecka.jpg → mock/images/avatar/rebecka.jpg
View file
Open in desktop
File renamed without changes
0 images/avatar/stoffe.jpg → mock/images/avatar/stoffe.jpg
View file
Open in desktop
File renamed without changes
0 images/favicon.ico → mock/images/favicon.ico
View file
Open in desktop
File renamed without changes.
0 images/game-icon/book_of_inferno_logo.png → ...images/game-icon/book_of_inferno_logo.png
View file
Open in desktop
File renamed without changes
0 images/game-icon/feasting_fox.png → mock/images/game-icon/feasting_fox.png
View file
Open in desktop
File renamed without changes
0 ...icon/renoseverns_logo_one_line_shadow.png → ...icon/renoseverns_logo_one_line_shadow.png
View file
Open in desktop
File renamed without changes
0 images/game-icon/scatter-monster-logo.png → ...images/game-icon/scatter-monster-logo.png
View file
Open in desktop
File renamed without changes
0 ...me-icon/warp_wreckers_powerglyph_logo.png → ...me-icon/warp_wreckers_powerglyph_logo.png
View file
Open in desktop
File renamed without changes
0 images/logo.svg → mock/images/logo.svg
View file
Open in desktop
File renamed without changes
Loading