From 100db5d045ff7f7f5190c83413e04b0ce65720ce Mon Sep 17 00:00:00 2001
From: Hector Salvador
Date: Sun, 13 Feb 2022 22:33:31 -0300
Subject: [PATCH 01/15] Project renamed and customized. Removed some
unnecessary files.
---
NOTES.md | 83 ---------------------------------------
README.md | 66 ++-----------------------------
css/style.css | 16 ++++++--
favicon.png | Bin 16215 -> 0 bytes
favicon.svg | 6 +++
images/icon-email.svg | 3 +-
images/icon-facebook.svg | 3 +-
images/icon-twitter.svg | 3 +-
images/share.png | Bin 21792 -> 0 bytes
index.html | 22 +++++------
10 files changed, 35 insertions(+), 167 deletions(-)
delete mode 100644 NOTES.md
delete mode 100644 favicon.png
create mode 100644 favicon.svg
delete mode 100644 images/share.png
diff --git a/NOTES.md b/NOTES.md
deleted file mode 100644
index 295df60..0000000
--- a/NOTES.md
+++ /dev/null
@@ -1,83 +0,0 @@
-##Left-off
-
-**To-do**
-* Highlight the 'syntax' better? It wasn't really that useful for Sarah
- * The A + B stuff, not sure if it's relatable enough
- * The examples are better anyway
-
-
-##Feature Ideas
-
-**Notes & Thoughts**
-
-* I should present even and odd stuff better
- * Right now it's in nth-of-type, but would work better in nth-child maybe?
- * :nth-child(even) is a thing
-* Divide the levels into groups?
- * Is it daunting? Too many levels?
-
------ ^ Prioritize this stuff later ------------------------------------------------
-
-**Social & Engagemnt**
-
-* Email signup via mailchimp
-* Do more work to figure out who has already been there, treat them a bit differently?
- * "Welcome back et."
-
-**Gameplay**
-
-* Award stars when a level is completed without commas and using the indicated selector
- * This would be in addition to the checkmark we already do
-* selector: "plate:nth-of-type(2n+3)"
- * Make this level use apples instead of plates? Seems too big..
-* Riddle mode
- * Difficult selector problems
- * Add a new one every week
- * Gives me a reason to bring people back
-
-**Fun sfuff**
-
-* Some kind of bonus level
- * Appears randomly and not very often
- * Can have different food items
- * Or a special riddle that they get two shots on
-
-**Aesthetic Cleanup**
-
-* Color the hover border according to the element hovered and context
- * Apples have a red border...
-
-**Branding**
-
-* Pull jquery from CDN
-* Figure out CNAME setup for github
- * Would be cool for it to always show up as cssdiner.com
-
-**Questions**
-
-* Is it possible to track where & how the diner is being shared?
- * Sharetally, or something similar?
-
-**Tracking where people have trouble**
-
-* Figure out how best to track which levels are the hardest
- * Current proposed method is by tracking incorrect guess counts per level
-
-```
- ga('send', {
- hitType: 'event',
- eventCategory: 'guess',
- eventAction: 'incorrect',
- eventLabel: 3, // Level Number
- eventValue: 10 // Number of incorrect guesses
- });
-```
-
-* How will this show up in Analytics?
-* Will it be useful?
-* Can I look up the average eventValue per eventLabel
-* When should we track an incorrect guess..
- * When the selector isn't blank
- * When the attempted selector isn't the exact same one tried before...
- * Don't want to count 10 attempts if someone just hits enter 10 times in a row
- * Could just keep track of atttempted selectors and make sure it's unique
diff --git a/README.md b/README.md
index 912770b..c30cafa 100644
--- a/README.md
+++ b/README.md
@@ -1,65 +1,5 @@
-# Welcome to CSS Diner
+# Bienvenidos a CSSoda
-It's a fun game to learn and practice CSS selectors.
+Es un divertido juego para aprender y practicar Selectores CSS
-To play, visit [flukeout.github.io](http://flukeout.github.io/) or [cssdiner.com](http://cssdiner.com/)
-
-### Change Log
-
-**Aug 25,2016**
-* Added Twitter, Facebook and Email share actions
- * Tracking clicks with GA Events
-* Made the level menu and editor area scroll independently
- * Using custom jQuery scroll library
-
-**Aug 18,2016**
-* Started using ``cssdiner.com`` to redirect to ``flukeout.github.io``
-
-**Aug 12,2016**
-* Added checkmarks to completed levels in level menu and header
-
-**Aug 4,2016**
-* Began tracking progress and correct guesses with GA Events
-
-
-### Filing issues and PRs
-
-Please file issues and PRs in the [css-diner repo](https://github.com/flukeout/css-diner/).
-
-### Repo structure
-
-Here's the repo structure, it's a bit confusing...
-
-* 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/)
- * The lastest version of the code is on the ``develop`` branch
-* The live version is published from the [flukeout.github.io repo](https://github.com/flukeout/flukeout.github.io/issues)
- * Live version lives on the ``master`` branch
-
-### Deploying
-
-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.
-
-# Roadmap and Status
-
-**Potential Features & Improvements**
-
-* Lots of people have trouble with level 19, how should I address this?
-* Create levels for attribute selectors
- * Will probably add attributes like ``customer='bob'`` and place a little nametag by those dishes
- * Also some great ideas in [this issue](https://github.com/flukeout/css-diner/issues/91)
-* Figure out how to tackle the ``.table`` element
- * Including it in the selector string makes the selectors invalid, but it shouldn't
-* Investigate the order of stacked oranges in the markup, some users think it's counter intuitive
-* Block attempts to use comma between selectors
-* Only pass each level if that level's selector is used
-* Make it easier to navigate between levels
-* Number all of the levels in the menu
-* Add UI to Tweet about finishing all of the levels
-* Add additional challenges per Selector
- * Some repetition per level would be good
-
-### Special Thanks
-
-* [@k88hudson](https://twitter.com/k88hudson)
-* [@antlam](http://www.twitter.com/antlam)
-* [@smashman2004](https://twitter.com/smashman2004)
+Para jugar, visite el [Sitio de CCSoda en github](https://cssoda.github.io/juego/)
diff --git a/css/style.css b/css/style.css
index 506a69a..dee3683 100644
--- a/css/style.css
+++ b/css/style.css
@@ -27,9 +27,10 @@ h1, h2, h3, h4, h5 {
}
header {
- padding: 12px 15px 11px 35px;
+ padding: 15px 15px 5px 50px;
color: rgba(255,255,255,.3);
text-align: left;
+ font-size: x-large;
}
.share-menu {
@@ -78,13 +79,21 @@ header {
.logo {
cursor: default;
- transform: scale(.2);
+ transform: scale(2.0);
position: absolute;
top: 12px;
- left: 10px;
+ left: 15px;
color: rgba(255,255,255,.4);
}
+.logo:hover div {
+ opacity: .75;
+ transform-origin: bottom;
+ animation: strobeStart .5s ease-out, strobe 1s infinite;
+ animation-delay: 0s, .5s;
+}
+
+/*
.logo plate {
z-index: 500;
position: absolute;
@@ -102,6 +111,7 @@ header {
animation-delay: 0s, .5s;
}
+*/
.table-wrapper {
margin-top: 10px;
diff --git a/favicon.png b/favicon.png
deleted file mode 100644
index 3caaff168239de2b9c7783bbbce799d4f8b7baad..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 16215
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
ADgXcg
diff --git a/favicon.svg b/favicon.svg
new file mode 100644
index 0000000..a4c8d2e
--- /dev/null
+++ b/favicon.svg
@@ -0,0 +1,6 @@
+
+
\ No newline at end of file
diff --git a/images/icon-email.svg b/images/icon-email.svg
index b164924..440672e 100644
--- a/images/icon-email.svg
+++ b/images/icon-email.svg
@@ -1,8 +1,7 @@