Skip to content

Commit 100db5d

Browse files
salvatoriussalvatorius
committed
Project renamed and customized.
Removed some unnecessary files.
1 parent 566aaa0 commit 100db5d

File tree

10 files changed

+35
-167
lines changed

10 files changed

+35
-167
lines changed

‎NOTES.md

Lines changed: 0 additions & 83 deletions
This file was deleted.

‎README.md

Lines changed: 3 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1,65 +1,5 @@
1-
# Welcome to CSS Diner
1+
# Bienvenidos a CSSoda
22

3-
It's a fun game to learn and practice CSS selectors.
3+
Es un divertido juego para aprender y practicar Selectores CSS
44

5-
To play, visit [flukeout.github.io](http://flukeout.github.io/) or [cssdiner.com](http://cssdiner.com/)
6-
7-
### Change Log
8-
9-
**Aug 25,2016**
10-
* Added Twitter, Facebook and Email share actions
11-
* Tracking clicks with GA Events
12-
* Made the level menu and editor area scroll independently
13-
* Using custom jQuery scroll library
14-
15-
**Aug 18,2016**
16-
* Started using ``cssdiner.com`` to redirect to ``flukeout.github.io``
17-
18-
**Aug 12,2016**
19-
* Added checkmarks to completed levels in level menu and header
20-
21-
**Aug 4,2016**
22-
* Began tracking progress and correct guesses with GA Events
23-
24-
25-
### Filing issues and PRs
26-
27-
Please file issues and PRs in the [css-diner repo](https://github.com/flukeout/css-diner/).
28-
29-
### Repo structure
30-
31-
Here's the repo structure, it's a bit confusing...
32-
33-
* Currently, all of the working code (including issues, PRs and in-progress branches) is hosted in the [css-diner repo](https://github.com/flukeout/css-diner/)
34-
* The lastest version of the code is on the ``develop`` branch
35-
* The live version is published from the [flukeout.github.io repo](https://github.com/flukeout/flukeout.github.io/issues)
36-
* Live version lives on the ``master`` branch
37-
38-
### Deploying
39-
40-
This is more of a note to myself in case I forget, to deploy the latest version, I'll have to push to the ``master`` branch on the ``flukeout.github.io`` repo from the latest ``develop`` branch.
41-
42-
# Roadmap and Status
43-
44-
**Potential Features & Improvements**
45-
46-
* Lots of people have trouble with level 19, how should I address this?
47-
* Create levels for attribute selectors
48-
* Will probably add attributes like ``customer='bob'`` and place a little nametag by those dishes
49-
* Also some great ideas in [this issue](https://github.com/flukeout/css-diner/issues/91)
50-
* Figure out how to tackle the ``.table`` element
51-
* Including it in the selector string makes the selectors invalid, but it shouldn't
52-
* Investigate the order of stacked oranges in the markup, some users think it's counter intuitive
53-
* Block attempts to use comma between selectors
54-
* Only pass each level if that level's selector is used
55-
* Make it easier to navigate between levels
56-
* Number all of the levels in the menu
57-
* Add UI to Tweet about finishing all of the levels
58-
* Add additional challenges per Selector
59-
* Some repetition per level would be good
60-
61-
### Special Thanks
62-
63-
* [@k88hudson](https://twitter.com/k88hudson)
64-
* [@antlam](http://www.twitter.com/antlam)
65-
* [@smashman2004](https://twitter.com/smashman2004)
5+
Para jugar, visite el [Sitio de CCSoda en github](https://cssoda.github.io/juego/)

‎css/style.css

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,10 @@ h1, h2, h3, h4, h5 {
2727
}
2828

2929
header {
30-
padding: 12px 15px 11px 35px;
30+
padding: 15px 15px 5px 50px;
3131
color: rgba(255,255,255,.3);
3232
text-align: left;
33+
font-size: x-large;
3334
}
3435

3536
.share-menu {
@@ -78,13 +79,21 @@ header {
7879

7980
.logo {
8081
cursor: default;
81-
transform: scale(.2);
82+
transform: scale(2.0);
8283
position: absolute;
8384
top: 12px;
84-
left: 10px;
85+
left: 15px;
8586
color: rgba(255,255,255,.4);
8687
}
8788

89+
.logo:hover div {
90+
opacity: .75;
91+
transform-origin: bottom;
92+
animation: strobeStart .5s ease-out, strobe 1s infinite;
93+
animation-delay: 0s, .5s;
94+
}
95+
96+
/*
8897
.logo plate {
8998
z-index: 500;
9099
position: absolute;
@@ -102,6 +111,7 @@ header {
102111
animation-delay: 0s, .5s;
103112
104113
}
114+
*/
105115

106116
.table-wrapper {
107117
margin-top: 10px;

‎favicon.png

-15.8 KB
Binary file not shown.

‎favicon.svg

Lines changed: 6 additions & 0 deletions
Loading

‎images/icon-email.svg

Lines changed: 1 addition & 2 deletions
Loading

‎images/icon-facebook.svg

Lines changed: 1 addition & 2 deletions
Loading

‎images/icon-twitter.svg

Lines changed: 1 addition & 2 deletions
Loading

‎images/share.png

-21.3 KB
Binary file not shown.

‎index.html

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,31 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>CSS Diner - Where we feast on CSS Selectors!</title>
4+
<title>CSSoda - A jugar con Selectores CSS!</title>
55
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
66
<script src="js/levels.js" type="text/javascript" charset="utf-8"></script>
77
<script src="js/restaurant.js" type="text/javascript" charset="utf-8"></script>
88
<script src="js/jquery.mCustomScrollbar.min.js"></script>
99

10-
<link rel="icon" type="image/png" href="favicon.png">
10+
<link rel="icon" type="image/svg+xml" href="favicon.svg">
1111
<link href='https://fonts.googleapis.com/css?family=Exo+2:200,400,600,400italic,600italic' rel='stylesheet'>
1212
<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
1313
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css" type="text/css" media="screen" title="no title" charset="utf-8">
1414
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
1515

16-
<meta property="og:url" content="http://cssdiner.com" />
16+
<meta property="og:url" content="https://cssoda.github.io/juego/" />
1717
<meta property="og:type" content="website" />
18-
<meta property="og:title" content="CSS Diner" />
19-
<meta property="og:description" content="A fun game to help you learn and practice CSS selectors." />
20-
<meta property="og:image" content="https://flukeout.github.io/images/fb-share.jpg" />
18+
<meta property="og:title" content="CSSoda" />
19+
<meta property="og:description" content="Un muy divertido juego para ayudarte a aprender y practicar los Selectores de CSS." />
20+
<meta property="og:image" content="https://github.com/cssoda/juego/blob/main/images/fb-share.jpg" />
2121
</head>
2222

2323
<body>
2424
<div class="left-col">
2525

2626
<header>
27-
CSS Diner
28-
<div class="logo">
29-
<plate><apple /></plate>
30-
</div>
27+
CSSoda
28+
<div class="logo"><div>&#129380;</div></div>
3129
<span class="share-menu">
3230
Share
3331
<a class="share-twitter" type="twitter" href="#"></a>
@@ -120,10 +118,10 @@ <h4>Exhibit 1 - A CSS Rule</h4>
120118

121119
<div class="what-is-this">
122120
<p>
123-
Made by <a href="http://www.twitter.com/flukeout">@flukeout</a> &mdash; come say hi!
121+
Traducido y complementado por <a href="https://github.com/salvatorius">Salvatorius</a> &mdash; a partir de un fork de <a href="https://github.com/flukeout/css-diner">css-dinner</a>!
124122
</p>
125123
<p>
126-
Have feedback or questions? Please file an issue on <a href="https://github.com/flukeout/css-diner/issues">the Github repo</a>.
124+
Feedback? Preguntas? Sugerencias? Errores? Por favor crea un "issue" en <a href="https://github.com/cssoda/juego/issues">nuestro repositorio Github</a>.
127125
</p>
128126
</div>
129127

0 commit comments

Comments
 (0)