about summary refs log tree commit diff stats
path: root/app/assets
diff options
context:
space:
mode:
authorKelly Rauchenberger <fefferburbia@gmail.com>2017-06-25 00:00:28 -0400
committerKelly Rauchenberger <fefferburbia@gmail.com>2017-06-25 00:00:28 -0400
commitad80c40944743515a45d70014e8d5ffb88cd74fc (patch)
tree0e97b3d46f3ed3594a1e4074e4a5a06deefcd76d /app/assets
parent5581530930129d7854ed5d99d058939ad9c790c2 (diff)
downloadthoughts-ad80c40944743515a45d70014e8d5ffb88cd74fc.tar.gz
thoughts-ad80c40944743515a45d70014e8d5ffb88cd74fc.tar.bz2
thoughts-ad80c40944743515a45d70014e8d5ffb88cd74fc.zip
Started designing index page
Diffstat (limited to 'app/assets')
-rw-r--r--app/assets/javascripts/entries.coffee3
-rw-r--r--app/assets/javascripts/records.coffee3
-rw-r--r--app/assets/stylesheets/application.css59
-rw-r--r--app/assets/stylesheets/entries.scss3
-rw-r--r--app/assets/stylesheets/records.scss61
5 files changed, 129 insertions, 0 deletions
diff --git a/app/assets/javascripts/entries.coffee b/app/assets/javascripts/entries.coffee new file mode 100644 index 0000000..24f83d1 --- /dev/null +++ b/app/assets/javascripts/entries.coffee
@@ -0,0 +1,3 @@
1# Place all the behaviors and hooks related to the matching controller here.
2# All this logic will automatically be available in application.js.
3# You can use CoffeeScript in this file: http://coffeescript.org/
diff --git a/app/assets/javascripts/records.coffee b/app/assets/javascripts/records.coffee new file mode 100644 index 0000000..24f83d1 --- /dev/null +++ b/app/assets/javascripts/records.coffee
@@ -0,0 +1,3 @@
1# Place all the behaviors and hooks related to the matching controller here.
2# All this logic will automatically be available in application.js.
3# You can use CoffeeScript in this file: http://coffeescript.org/
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index d05ea0f..6fd12b7 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css
@@ -10,6 +10,65 @@
10 * files in this directory. Styles in this file should be added after the last require_* statement. 10 * files in this directory. Styles in this file should be added after the last require_* statement.
11 * It is generally better to create a new file per style scope. 11 * It is generally better to create a new file per style scope.
12 * 12 *
13 *= require normalize-rails
13 *= require_tree . 14 *= require_tree .
14 *= require_self 15 *= require_self
15 */ 16 */
17
18@import url('https://fonts.googleapis.com/css?family=Inconsolata');
19
20body {
21 background-color: #bfefff;
22}
23
24#container {
25 margin: 5em auto 0;
26 width: 50%;
27 border: 1px solid black;
28 background-color: white;
29 box-sizing: border-box;
30 -webkit-border-top-left-radius: 15px;
31 -webkit-border-top-right-radius: 15px;
32 -moz-border-radius-topleft: 15px;
33 -moz-border-radius-topright: 15px;
34 border-top-left-radius: 15px;
35 border-top-right-radius: 15px;
36}
37
38#banner {
39 width: 100%;
40 border-bottom: 1px solid black;
41 padding: 1em;
42 box-sizing: border-box;
43}
44
45#banner h1 {
46 text-align: center;
47 margin: 0;
48}
49
50#banner h1 a {
51 text-decoration: none;
52 color: black;
53}
54
55#banner h1 a:visited {
56 color: black;
57}
58
59#main {
60 display: -webkit-flex;
61 display: flex;
62}
63
64#content {
65 width: 75%;
66 box-sizing: border-box;
67 border-right: 1px solid black;
68}
69
70#sidebar {
71 width: 25%;
72 box-sizing: border-box;
73 padding-right: 1em;
74}
diff --git a/app/assets/stylesheets/entries.scss b/app/assets/stylesheets/entries.scss new file mode 100644 index 0000000..f779b1b --- /dev/null +++ b/app/assets/stylesheets/entries.scss
@@ -0,0 +1,3 @@
1// Place all the styles related to the Entries controller here.
2// They will automatically be included in application.css.
3// You can use Sass (SCSS) here: http://sass-lang.com/
diff --git a/app/assets/stylesheets/records.scss b/app/assets/stylesheets/records.scss new file mode 100644 index 0000000..0054edd --- /dev/null +++ b/app/assets/stylesheets/records.scss
@@ -0,0 +1,61 @@
1// Place all the styles related to the Records controller here.
2// They will automatically be included in application.css.
3// You can use Sass (SCSS) here: http://sass-lang.com/
4
5#records {
6 padding: 0;
7 margin: 0 1em;
8
9 & > li {
10 display: block;
11 padding: .25em 0;
12
13 .description {
14 a {
15 text-decoration: none;
16 color: black;
17 font-family: 'Inconsolata', monospace;
18
19 &:hover {
20 text-decoration: underline;
21 }
22
23 &:visited {
24 color: black;
25 }
26 }
27 }
28
29 .tags {
30 margin: .25em;
31 display: flex;
32 padding-left: 0;
33
34 li {
35 display: inline;
36 font-size: .75em;
37 font-family: 'Inconsolata', monospace;
38 padding: .25em;
39 -webkit-border-radius: 5px;
40 -moz-border-radius: 5px;
41 border-radius: 5px;
42
43 &.record-date {
44 background-color: #fef1bf;
45 }
46
47 &.entry-type {
48 text-transform: uppercase;
49
50 &.entry-type-blog {
51 background-color: #90fefb;
52 }
53 }
54
55 & + li {
56 margin-left: 1em;
57 }
58 }
59 }
60 }
61}