new: usr: add mineseeker game to the symfony 4 project #3
This commit is contained in:
95
templates/Game/index.html.twig
Normal file
95
templates/Game/index.html.twig
Normal file
@@ -0,0 +1,95 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %} - The Game{% endblock %}
|
||||
|
||||
{% block metas %}
|
||||
<meta property="og:url" content="{{ url('MineSeekerBundle_homepage') }}"/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property="og:title" content="MineSeeker"/>
|
||||
<meta property="og:description" content="A multiplayer minesweeper game"/>
|
||||
<meta property="og:image"
|
||||
content="{{ app.request.getSchemeAndHttpHost() }}{{ asset('images/images/mine-1600x627.png') }}"/>
|
||||
{% endblock %}
|
||||
|
||||
{% block header %}
|
||||
<section class="header-content">
|
||||
<div class="logo">
|
||||
<a href="{{ path('MineSeekerBundle_homepage') }}" target="_self">
|
||||
<img src="{{ asset('images/mine-logo-txt.png') }}" alt="MineSeeker Logo w/ Txt"/>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<div id="id_welcome"{% if app.user.facebookId is defined and app.user.facebookId is not null %} style="margin-bottom:50px"{% endif %}>
|
||||
{% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
|
||||
{% if app.user.facebookId is not null %}
|
||||
<div>
|
||||
<img src="http://graph.facebook.com/{{ app.user.facebookId }}/picture?type=square&width=100&height=100"
|
||||
alt="Facebook profile"/>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div>
|
||||
<h2{% if app.user.facebookId is defined and app.user.facebookId is not null %} style="margin-top:0"{% endif %}>
|
||||
Hello, {{ app.user.realName is not null ? app.user.realName : app.user.username }}!
|
||||
</h2>
|
||||
<h1>Let's play!! :D</h1>
|
||||
</div>
|
||||
{% else %}
|
||||
<div>
|
||||
<h2>A minesweeper game rethought...</h2>
|
||||
<h1>...and you can play w/o register!!</h1>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a href="{{ path('MineSeekerBundle_gamePlay') }}">Play NOW!</a>
|
||||
{#
|
||||
{% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
|
||||
<a href="{{ path('fos_user_security_logout') }}" class="small">
|
||||
{{ 'layout.logout'|trans({}, 'FOSUserBundle') }}
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{ path('fos_user_registration_register') }}" class="small">Sign up</a> ·
|
||||
<a href="{{ path('fos_user_security_login') }}" class="small">Sign in</a>
|
||||
{% endif %}
|
||||
#}
|
||||
</div>
|
||||
<h3>
|
||||
version {{ version }} · MineSeeker©{{ "now"|date("Y") }} · <a
|
||||
href="http://www.laszlolang.com">www.laszlolang.com</a>
|
||||
</h3>
|
||||
</div>
|
||||
<img src="{{ asset('images/mine-logo-logo.png') }}" alt="MineSeeker Logo"/>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="txt">
|
||||
<div class="technologies">
|
||||
<h1>Used technologies</h1>
|
||||
<img src="{{ asset('images/technologies/websocket.png') }}" alt="Used Websocket"/>
|
||||
<img src="{{ asset('images/technologies/react.png') }}" alt="Used React.js"/>
|
||||
<img src="{{ asset('images/technologies/symfony.png') }}" alt="Used Symfony"/>
|
||||
<img src="{{ asset('images/technologies/jquery.png') }}" alt="Used jQuery"/>
|
||||
<img src="{{ asset('images/technologies/lets-encrypt.png') }}" alt="Used Let's Encrypt"/>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block footer %}
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="{{ path('MineSeekerBundle_homepage') }}">Homepage</a></li>
|
||||
<li>·</li>
|
||||
<li><a href="{{ path('MineSeekerBundle_terms') }}">Terms of Use</a></li>
|
||||
<li>·</li>
|
||||
<li><a href="{{ path('MineSeekerBundle_privacy') }}">Privacy Policy</a></li>
|
||||
<li>·</li>
|
||||
<li><a href="{{ path('MineSeekerBundle_contact') }}">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% endblock %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{{ parent() }}
|
||||
{{ encore_entry_link_tags('homeStyle') }}
|
||||
{% endblock %}
|
||||
44
templates/Game/play.html.twig
Normal file
44
templates/Game/play.html.twig
Normal file
@@ -0,0 +1,44 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %} - Play!{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<a class="back-from-game" href="{{ path('MineSeekerBundle_homepage') }}">
|
||||
<img src="{{ asset('/images/mine-logo-txt.png') }}" alt="Mineseeker Logo">
|
||||
</a>
|
||||
<div class="mine-container">
|
||||
<div id="mine-wrapper"
|
||||
data-env="{{ env }}"
|
||||
data-ssl="{{ ssl }}"
|
||||
data-game-id="{{ app.request.get('gameAssoc') }}">
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block metas %}
|
||||
<meta property="og:url" content="{{ url('MineSeekerBundle_gamePlay') }}"/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property="og:title" content="Your friend challenges YOU!"/>
|
||||
<meta property="og:description" content="Do you accept the challenge?"/>
|
||||
<meta property="og:image"
|
||||
content="{{ app.request.getSchemeAndHttpHost() }}{{ asset('/images/mine-1600x627.png') }}"/>
|
||||
{% endblock %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{{ encore_entry_link_tags('mineseekerStyle') }}
|
||||
|
||||
<style type="text/css">
|
||||
.mine-container {
|
||||
background: url('/images/bg-mineseeker-{{ random(1) }}-outbg.jpg') no-repeat;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{{ parent() }}
|
||||
|
||||
<script type="text/javascript" src="{{ asset('bundles/goswebsocket/js/vendor/autobahn.min.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('bundles/goswebsocket/js/gos_web_socket_client.js') }}"></script>
|
||||
|
||||
{{ encore_entry_script_tags('mineseeker') }}
|
||||
{% endblock %}
|
||||
13
templates/Official/contact.html.twig
Normal file
13
templates/Official/contact.html.twig
Normal file
@@ -0,0 +1,13 @@
|
||||
{% extends 'Game/index.html.twig' %}
|
||||
|
||||
{% block title %} - Contact{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="txt">
|
||||
<h2>Contact and user support</h2>
|
||||
|
||||
<h3>Under construction</h3>
|
||||
|
||||
<a href="mailto:langlasz@gmail.com">langlasz@gmail.com</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
11
templates/Official/landing.html.twig
Normal file
11
templates/Official/landing.html.twig
Normal file
@@ -0,0 +1,11 @@
|
||||
{% extends 'Game/index.html.twig' %}
|
||||
|
||||
{% block title %} - Landing page{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="txt">
|
||||
<h2>Landing page w/ marketing</h2>
|
||||
|
||||
<h3>Under construction</h3>
|
||||
</div>
|
||||
{% endblock %}
|
||||
52
templates/Official/privacy.html.twig
Normal file
52
templates/Official/privacy.html.twig
Normal file
@@ -0,0 +1,52 @@
|
||||
{% extends 'Game/index.html.twig' %}
|
||||
|
||||
{% block title %} - Privacy Policy{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="txt">
|
||||
<h2>MineSeeker Privacy Policy</h2>
|
||||
|
||||
<p>Your privacy is important to us.</p>
|
||||
|
||||
<p>It is MineSeeker's policy to respect your privacy regarding any information we may collect while operating
|
||||
our
|
||||
website. Accordingly, we have developed this privacy policy in order for you to understand how we collect,
|
||||
use,
|
||||
communicate, disclose and otherwise make use of personal information. We have outlined our privacy policy
|
||||
below.</p>
|
||||
|
||||
<ul>
|
||||
<li>We will collect personal information by lawful and fair means and, where appropriate, with the knowledge
|
||||
or
|
||||
consent of the individual concerned.
|
||||
</li>
|
||||
<li>Before or at the time of collecting personal information, we will identify the purposes for which
|
||||
information is being collected.
|
||||
</li>
|
||||
<li>We will collect and use personal information solely for fulfilling those purposes specified by us and
|
||||
for
|
||||
other ancillary purposes, unless we obtain the consent of the individual concerned or as required by
|
||||
law.
|
||||
</li>
|
||||
<li>Personal data should be relevant to the purposes for which it is to be used, and, to the extent
|
||||
necessary
|
||||
for those purposes, should be accurate, complete, and up-to-date.
|
||||
</li>
|
||||
<li>We will protect personal information by using reasonable security safeguards against loss or theft, as
|
||||
well
|
||||
as unauthorized access, disclosure, copying, use or modification.
|
||||
</li>
|
||||
<li>We will make readily available to customers information about our policies and practices relating to the
|
||||
management of personal information.
|
||||
</li>
|
||||
<li>We will only retain personal information for as long as necessary for the fulfilment of those
|
||||
purposes.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p>We are committed to conducting our business in accordance with these principles in order to ensure that the
|
||||
confidentiality of personal information is protected and maintained. MineSeeker may change this privacy
|
||||
policy
|
||||
from time to time at MineSeeker's sole discretion.</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
100
templates/Official/terms.html.twig
Normal file
100
templates/Official/terms.html.twig
Normal file
@@ -0,0 +1,100 @@
|
||||
{% extends 'Game/index.html.twig' %}
|
||||
|
||||
{% block title %} - Terms of Service{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="txt">
|
||||
<h2>MineSeeker Terms of Service</h2>
|
||||
|
||||
<h3>1. Terms</h3>
|
||||
|
||||
<p>By accessing the website at <a href="https://www.mineseeker.ninja">https://www.mineseeker.ninja</a>, you are
|
||||
agreeing to be bound by these terms of service, all applicable laws and regulations, and agree that you are
|
||||
responsible for compliance with any applicable local laws. If you do not agree with any of these terms, you
|
||||
are
|
||||
prohibited from using or accessing this site. The materials contained in this website are protected by
|
||||
applicable copyright and trademark law.</p>
|
||||
|
||||
<h3>2. Use License</h3>
|
||||
|
||||
<ol type="a">
|
||||
<li>
|
||||
Permission is granted to temporarily download one copy of the materials (information or software) on
|
||||
MineSeeker's website for personal, non-commercial transitory viewing only. This is the grant of a
|
||||
license,
|
||||
not a transfer of title, and under this license you may not:
|
||||
|
||||
<ol type="i">
|
||||
<li>modify or copy the materials;</li>
|
||||
<li>use the materials for any commercial purpose, or for any public display (commercial or
|
||||
non-commercial);
|
||||
</li>
|
||||
<li>attempt to decompile or reverse engineer any software contained on MineSeeker's website;</li>
|
||||
<li>remove any copyright or other proprietary notations from the materials; or</li>
|
||||
<li>transfer the materials to another person or "mirror" the materials on any other server.</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>This license shall automatically terminate if you violate any of these restrictions and may be
|
||||
terminated by
|
||||
MineSeeker at any time. Upon terminating your viewing of these materials or upon the termination of this
|
||||
license, you must destroy any downloaded materials in your possession whether in electronic or printed
|
||||
format.
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h3>3. Disclaimer</h3>
|
||||
|
||||
<ol type="a">
|
||||
<li>The materials on MineSeeker's website are provided on an 'as is' basis. MineSeeker makes no warranties,
|
||||
expressed or implied, and hereby disclaims and negates all other warranties including, without
|
||||
limitation,
|
||||
implied warranties or conditions of merchantability, fitness for a particular purpose, or
|
||||
non-infringement
|
||||
of intellectual property or other violation of rights.
|
||||
</li>
|
||||
<li>Further, MineSeeker does not warrant or make any representations concerning the accuracy, likely
|
||||
results, or
|
||||
reliability of the use of the materials on its website or otherwise relating to such materials or on any
|
||||
sites linked to this site.
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h3>4. Limitations</h3>
|
||||
|
||||
<p>In no event shall MineSeeker or its suppliers be liable for any damages (including, without limitation,
|
||||
damages
|
||||
for loss of data or profit, or due to business interruption) arising out of the use or inability to use the
|
||||
materials on MineSeeker's website, even if MineSeeker or a MineSeeker authorized representative has been
|
||||
notified orally or in writing of the possibility of such damage. Because some jurisdictions do not allow
|
||||
limitations on implied warranties, or limitations of liability for consequential or incidental damages,
|
||||
these
|
||||
limitations may not apply to you.</p>
|
||||
|
||||
<h3>5. Accuracy of materials</h3>
|
||||
|
||||
<p>The materials appearing on MineSeeker's website could include technical, typographical, or photographic
|
||||
errors.
|
||||
MineSeeker does not warrant that any of the materials on its website are accurate, complete or current.
|
||||
MineSeeker may make changes to the materials contained on its website at any time without notice. However
|
||||
MineSeeker does not make any commitment to update the materials.</p>
|
||||
|
||||
<h3>6. Links</h3>
|
||||
|
||||
<p>MineSeeker has not reviewed all of the sites linked to its website and is not responsible for the contents of
|
||||
any
|
||||
such linked site. The inclusion of any link does not imply endorsement by MineSeeker of the site. Use of any
|
||||
such linked website is at the user's own risk.</p>
|
||||
|
||||
<h3>7. Modifications</h3>
|
||||
|
||||
<p>MineSeeker may revise these terms of service for its website at any time without notice. By using this
|
||||
website
|
||||
you are agreeing to be bound by the then current version of these terms of service.</p>
|
||||
|
||||
<h3>8. Governing Law</h3>
|
||||
|
||||
<p>These terms and conditions are governed by and construed in accordance with the laws of Budapest, Hungary and
|
||||
you
|
||||
irrevocably submit to the exclusive jurisdiction of the courts in that State or location.</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
23
templates/Recent/facebook.html.twig
Normal file
23
templates/Recent/facebook.html.twig
Normal file
@@ -0,0 +1,23 @@
|
||||
<script type="text/javascript">
|
||||
window.fbAsyncInit = function () {
|
||||
FB.init({
|
||||
appId: '{{ facebook_api }}',
|
||||
xfbml: true,
|
||||
cookie: true,
|
||||
status: true,
|
||||
oauth: true,
|
||||
version: '{{ facebook_api_version }}'
|
||||
});
|
||||
};
|
||||
|
||||
(function (d, s, id) {
|
||||
var js, fjs = d.getElementsByTagName(s)[0];
|
||||
if (d.getElementById(id)) {
|
||||
return;
|
||||
}
|
||||
js = d.createElement(s);
|
||||
js.id = id;
|
||||
js.src = "//connect.facebook.net/en_US/sdk.js";
|
||||
fjs.parentNode.insertBefore(js, fjs);
|
||||
}(document, 'script', 'facebook-jssdk'));
|
||||
</script>
|
||||
12
templates/Recent/favicon.html.twig
Normal file
12
templates/Recent/favicon.html.twig
Normal file
@@ -0,0 +1,12 @@
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="{{ asset('/bundles/mineseeker/images/favicon/ms-icon-144x144.png') }}">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/bundles/mineseeker/images/favicon/apple-icon-180x180.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="{{ asset('/bundles/mineseeker/images/favicon/android-icon-192x192.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/bundles/mineseeker/images/favicon/favicon-32x32.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="{{ asset('/bundles/mineseeker/images/favicon/favicon-96x96.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/bundles/mineseeker/images/favicon/favicon-16x16.png') }}">
|
||||
<link rel="manifest" href="{{ asset('/bundles/mineseeker/images/favicon/manifest.json') }}">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<link rel="shortcut icon" href="{{ asset('/bundles/mineseeker/images/favicon/favicon.ico') }}" type="image/x-icon">
|
||||
<link rel="icon" href="{{ asset('/bundles/mineseeker/images/favicon/favicon.ico') }}" type="image/x-icon">
|
||||
19
templates/Recent/google-analytics.html.twig
Normal file
19
templates/Recent/google-analytics.html.twig
Normal file
@@ -0,0 +1,19 @@
|
||||
{% if app.environment == 'prod' %}
|
||||
<script type="text/javascript">
|
||||
(function (i, s, o, g, r, a, m) {
|
||||
i['GoogleAnalyticsObject'] = r;
|
||||
i[r] = i[r] || function () {
|
||||
(i[r].q = i[r].q || []).push(arguments)
|
||||
}, i[r].l = 1 * new Date();
|
||||
a = s.createElement(o),
|
||||
m = s.getElementsByTagName(o)[0];
|
||||
a.async = 1;
|
||||
a.src = g;
|
||||
m.parentNode.insertBefore(a, m)
|
||||
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
|
||||
|
||||
ga('create', 'UA-88761060-1', 'auto');
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
{% endif %}
|
||||
@@ -1,12 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% block title %}Welcome!{% endblock %}</title>
|
||||
{% block stylesheets %}{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Cache-control" content="max-age=1209600;public">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="keywords" content="game,mineseeker,mine,seeker,laszlolang.com">
|
||||
<meta name="robots" content="index,follow">
|
||||
<meta name="revisit-after" content="2 days">
|
||||
<meta name="resource-type" content="document">
|
||||
<meta name="country" content="Hungary">
|
||||
<meta name="description" content="This is a new minesweeper, multiplayer game.">
|
||||
<meta name="content-language" content="hu,hun,hungarian">
|
||||
<meta property="fb:app_id" content="{{ facebook_api }}">
|
||||
{% block metas %}{% endblock %}
|
||||
<title>MineSeeker{% block title %}{% endblock %}</title>
|
||||
|
||||
{% block stylesheets %}{% endblock %}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% block bodyTop %}{% endblock %}
|
||||
|
||||
<header>
|
||||
{% block header %}{% endblock %}
|
||||
</header>
|
||||
<main>
|
||||
{% block body %}{% endblock %}
|
||||
{% block javascripts %}{% endblock %}
|
||||
</body>
|
||||
</main>
|
||||
<footer>
|
||||
{% block footer %}{% endblock %}
|
||||
</footer>
|
||||
|
||||
{% block javascripts %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user