Skip to content
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

Add showcase section and fixing issues #42

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add showcase section and fixing issues #42

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 website/core/Footer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,9 @@ class Footer extends React.Component {
<a href={this.docUrl('community/resources', this.props.language)}>
Resources
</a>
<a href={this.pageUrl('showcase', this.props.language)}>
Showcase
</a>
<a
href="https://www.syntaxbomb.com/index.php/board,19.0.html"
target="_blank"
Expand Down
9 changes: 6 additions & 3 deletions website/pages/en/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,6 +103,7 @@ class Index extends React.Component {
<Container padding={["bottom", "top"]}>
<GridBlock
align="center"
className="indexPageGrid"
contents={[
{
content:
Expand All @@ -117,19 +118,21 @@ class Index extends React.Component {
`,
image: `${siteConfig.baseUrl}img/devices.svg`,
imageAlign: "top",
imageLink: `${siteConfig.baseUrl}docs/setup/${this.props.language}/get_started/`,
imageLink: `${siteConfig.baseUrl}docs/${language}/setup/get_started`,
title: "Cross-platform"
},
{
content:
`The BlitzMax community have developed scores of great cross-platform drop-in modules, from game-coding frameworks to database connectivity.`,
`The BlitzMax community have developed scores of great cross-platform drop-in <a href=${siteConfig.baseUrl}community/resources>modules</a>, from game-coding frameworks to database connectivity.`,
image: `${siteConfig.baseUrl}img/network.svg`,
imageAlign: "top",
imageLink: `${siteConfig.baseUrl}docs/${language}/api/intro`,
title: "Modular"
},
{
content:
`BlitzMax users are friendly, creative, helpful and welcoming to all.<br/>`,
`BlitzMax users are friendly, creative, helpful and welcoming to all.
Checkout what they <a href=${siteConfig.baseUrl}showcase>created</a> or maybe just have a <a href='https://discord.gg/DrrVwhz'>chat</a> with them.`,
image: `${siteConfig.baseUrl}img/group.svg`,
imageAlign: "top",
imageLink: `${siteConfig.baseUrl}docs/${this.props.language}/community/resources/`,
Expand Down
157 changes: 157 additions & 0 deletions website/pages/en/showcase.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,157 @@
/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/

const React = require('react');

const CompLibrary = require('../../core/CompLibrary.js');
const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;

const siteConfig = require(process.cwd() + '/siteConfig.js');

class Button extends React.Component {
render() {
return (
<div className="pluginWrapper buttonWrapper">
<a className="button" href={this.props.href} target={this.props.target}>
{this.props.children}
</a>
</div>
);
}
}

Button.defaultProps = {
target: '_self',
};

class Showcase extends React.Component {
render() {
let language = this.props.language || 'en';
let title = 'Showcase';

return (
<div>
<div class='centeredheadline'>
<h1>{title}</h1>
<span>Some creations of our magnificent users.</span>
</div>
<div className="mainContainer">

<Container padding={["bottom", "top"]}>
<GridBlock
align="center"
className="showcase"
contents={[
{
content:
`<strong>
<a href="https://www.tvtower.org">Website</a>
</strong>
<br/><br/>
Free and open-source simulation game around managing a TV Station.<br />
Running on Linux, Mac and Windows.
`,
image: `${siteConfig.baseUrl}img/showcase/tvtower.jpg`,
imageAlign: "top",
imageLink: `https://www.tvtower.org`,
title: "TVTower"
},
{
content:
`<strong>
<a href="https://gwron.itch.io/genus-prime">Website</a>
</strong>
<br/><br/>
Free and open-source sci-fi realtime strategy game. Conquer all galaxies - in the colour palette of the good old C64!<br />
Running on Linux, Mac and Windows.
`,
image: `${siteConfig.baseUrl}img/showcase/genusprime.png`,
imageAlign: "top",
imageLink: `https://gwron.itch.io/genus-prime`,
title: "Genus Prime"
},
{
content:
`<strong>
<a href="https://www.gamehouse.com/games/daydream-mosaics">Website</a>
</strong>
<br/><br/>
Commercial casual game around solving numeric puzzles while painting images.<br />
Available for Windows and Mac OS.
`,
image: `${siteConfig.baseUrl}img/showcase/daydreammosaic.jpg`,
imageAlign: "top",
imageLink: `https://www.gamehouse.com/games/daydream-mosaics`,
title: "Daydream Mosaics"
},
]}
layout="threeColumn"
/>
<br /><br />
<GridBlock
align="center"
className="showcase"
contents={[
{
content:
`<strong>
<a href="https://www.syntaxbomb.com/index.php/topic,3585.0.html">Website</a>
</strong>
<br/><br/>
Free casual game about time management and sweet-hungry children on Halloween.<br />
Running on Linux and Windows.
`,
image: `${siteConfig.baseUrl}img/showcase/trickorsweets.jpg`,
imageAlign: "top",
imageLink: `https://www.syntaxbomb.com/index.php/topic,3585.0.html`,
title: "Trck Or Sweets"
},
{
content:
`<strong>
<a href="https://www.tvtower.org">Website</a>
</strong>
<br/><br/>
Database-Editor for the free and open-source game TVTower. Utilizes wx.mod to create a highly cross platform GUI application!<br />
Running on Linux and Windows.
`,
image: `${siteConfig.baseUrl}img/showcase/tvtower_editor.jpg`,
imageAlign: "top",
imageLink: `https://www.tvtower.org`,
title: "TVTower DB-Editor"
},
{
content:
`<strong>
<a href="https://blitzmax.org">Website</a>
</strong>
<br/><br/>
The free and open-source basic code editor shipped with BlitzMax NG releases. Utilizes maxgui.mod to create a cross platform GUI experience.<br />
Running on Linux, Mac OS and Windows.
`,
image: `${siteConfig.baseUrl}img/showcase/maxide.jpg`,
imageAlign: "top",
imageLink: `https://blitzmax.org`,
title: "MaxIDE [NG]"
},
]}
layout="threeColumn"
/>
</Container>
</div>
</div>
);
}
}


//siteConfig.disableTitleTagline = true;
Showcase.title = 'Showcase';

module.exports = Showcase;
1 change: 1 addition & 0 deletions website/siteConfig.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@ const siteConfig = {
{doc: 'setup/get_started', label: 'Docs'},
{doc: 'api/intro', label: 'API'},
{doc: 'community/resources', label: 'Resources'},
{page: 'showcase', label: 'Showcase'},
{doc: 'site/about', label: 'About'},
],

Expand Down
49 changes: 49 additions & 0 deletions website/static/css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,3 +44,52 @@ h3 > code {
background-color: transparent;
padding: 0;
}

.showcase > .blockImage {
height:240px;
max-width:100%;
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
border:solid 1px #eee;
}

.showcase .blockImage img {
max-height:220px;
max-width:100%;
}

.showcase h2 {
padding: 0;
margin: 0;
}

.showcase p {
padding: 0;
margin: 0;
}


.indexPageGrid > .blockImage {
height:90px;
max-width:100%;
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
}

.indexPageGrid .blockImage img {
max-height:80px;
max-width:100%;
}




.centeredheadline {
width: 100%;
text-align:center;
}

1 change: 1 addition & 0 deletions website/static/img/blitzmax.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added website/static/img/rocket.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added website/static/img/showcase/daydreammosaic.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added website/static/img/showcase/genusprime.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added website/static/img/showcase/maxide.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added website/static/img/showcase/trickorsweets.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added website/static/img/showcase/tvtower.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added website/static/img/showcase/tvtower_editor.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.