diff --git a/kappa123/client/static/main.css b/kappa123/client/static/main.css index 120a27d..44836a3 100644 --- a/kappa123/client/static/main.css +++ b/kappa123/client/static/main.css @@ -4,34 +4,34 @@ padding-top: 75px; } -.the_table { +#the_table { table-layout: fixed; width: 100%; border-collapse: collapse; border: 1px solid #dfdfdf; } -.the_table th:nth-child(1) { +#the_table th:nth-child(1) { width: 15%; } -.the_table th:nth-child(2) { +#the_table th:nth-child(2) { width: 55%; } -.the_table th:nth-child(3) { +#the_table th:nth-child(3) { width: 30%; } -.the_table tr.selected { +#the_table tr.selected { background-color: #efefef; } -.the_table td,th { +#the_table td,th { padding: 0.5em 2px; } -.the_table td { +#the_table td { vertical-align: top; } @@ -39,3 +39,7 @@ font-style: italic; color: #888888; } + +#the_table.hide-unselected tr:not(.selected) td { + display: none; +} diff --git a/kappa123/client/static/main.js b/kappa123/client/static/main.js index 73e2398..653d4a4 100644 --- a/kappa123/client/static/main.js +++ b/kappa123/client/static/main.js @@ -10,3 +10,8 @@ function toggleRow(e) { var row = e.currentTarget; row.className == "run selected" ? row.className = "run" : row.className = "run selected" } + +function updateHideUnselected() { + var table = document.getElementById('the_table'); + table.className == "hide-unselected" ? table.className = "" : table.className = "hide-unselected"; +} diff --git a/kappa123/client/templates/main/home.html b/kappa123/client/templates/main/home.html index 6bc9dd6..3336626 100644 --- a/kappa123/client/templates/main/home.html +++ b/kappa123/client/templates/main/home.html @@ -6,7 +6,14 @@

Summer Games Done Quick Schedulizer

- +

+ Build and share your Summer Games Done Quick schedule! +

+ + + + +
Time & Estimate Run