diff --git a/static/js/index.js b/static/js/index.js
index b8b0ad4..875e2ca 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -27,6 +27,7 @@ var testCodelet = {
[17, -1, 17, -1] ]]
]
},
+ 'origin': ['GitHub', 'https://github.com', ''],
'authors': ['sevko', 'earwig'],
'html_code': codeExample
};
@@ -154,12 +155,9 @@ function createResult(codelet) {
authors.id = 'authors';
//Add the bulk of the html
- var hostUrl = codelet.code_url.match(/htt(p|ps):\/\/\w+\.\w+/)[0],
- hostName = hostUrl.split('://')[1].split('.')[0];
-
title.innerHTML = 'File '
+ codelet.filename + '';
- site.innerHTML = 'on ' + hostName +'';
+ site.innerHTML = 'on ' + codelet.origin[0] +'';
dateModified.innerHTML = 'Last modified ' + codelet.date_modified;
// Needs to be changed from int to string on the server
language.innerHTML = codelet.language;
@@ -187,7 +185,6 @@ function createResult(codelet) {
displayInfo.appendChild(title);
displayInfo.appendChild(site);
- displayInfo.appendChild(dateModified);
hiddenInfo.appendChild(dateCreated);
hiddenInfo.appendChild(language);
diff --git a/static/sass/index.sass b/static/sass/index.sass
index cb8ba7c..8c8ec32 100644
--- a/static/sass/index.sass
+++ b/static/sass/index.sass
@@ -104,8 +104,22 @@ div#results
width: 80%
/* TODO:
- 1) On the side
- - add way to cycle through hits in the code.*/
+ 1) Sidebar
+ - Add way to cycle through hits in the code.
+ 2) Hidden info
+ - Use effect to make it transition into view.
+ - Add date modified.
+ - Get rid of symbols matches.
+ - Don't use monospace.
+ - Add links for authors.
+ - Cross out search terms based on what's in the codelet.
+ 3) Header
+ - Remove date modified.
+ - Make the title bigger.
+ - Add an icon for the website.
+ - Change the spacing.
+ 4) Code body
+ - Add highlighting.*/
div.result
width: $resultWidth
height: 200px
@@ -126,8 +140,8 @@ div#results
text-transform: capitalize
#date-modified
- font-family: monospace
- color: #333
+ font-style: italic
+ color: #777
display: block
table
@@ -168,6 +182,7 @@ div#results
width: $hiddenInfoWidth
text-align: center
font-size: 1.2em
+ font-family: monospace
#date-created
display: block
diff --git a/templates/index.html b/templates/index.html
index aa95add..c2912c3 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,7 +6,7 @@
= block head
{{ assets.tag("index.css") }}
- {{ assets.tag("highlight.css") }}
+ {{ assets.tag("lib/highlight.css") }}
{{ assets.tag("jquery.min.js") }}
= endblock