Basic front end design integration

jdaudier commented 11 years ago

Joanne to design very basic front end design so that Loic can add it to the homepage for beta testers

loicginoux commented 11 years ago

Have you got something on this? I don'think this wil be possible for the end of the week

jdaudier commented 11 years ago

I will add photo collage to the bottom of the homepage like this so we can pull random photos from users: http://themecurve.com/Site/themes/Flybird/Dark/index.html

jdaudier commented 11 years ago

I finally finished a temporary homepage. Sorry it's very simple since I just started coding HTML/CSS. Can you integrate it to the site tomorrow? Note that I have my own CSS in there for that page. https://github.com/jdaudier/html_template

jdaudier commented 11 years ago

Here are 2 screenshots of how it should look:

https://www.evernote.com/shard/s23/sh/09181ced-cc7b-40ec-8205-dd757f69dfb9/130124a8800e2272cb7271da5a19c2c4

https://www.evernote.com/shard/s23/sh/71f3d098-0148-4978-9026-dd566c92d4b9/487c8fd2e7eeaa34e89375150a79416b

jdaudier commented 11 years ago

I just pushed up another version to GitHub just now

jdaudier commented 11 years ago

I pushed to GitHub - updated YouTube embed code. Can you please update? https://github.com/jdaudier/html_template

loicginoux commented 11 years ago

I hope I have updated everything there were to update. The only change I have seen was the line. So I just change this. were there something else?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>i updated the HTML/CSS homepage code now we have images for each step and i converted the mailgun email into an image to prevent spam Can you update: <a href="https://github.com/jdaudier/html_template">https://github.com/jdaudier/html_template</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>I also converted to HTML5 and updated the 2 orange buttons just now. And added a chat box. You'll have to remove my email on this page's footer too (and any applicable pages): <a href="http://www.foodrubix.com/login">http://www.foodrubix.com/login</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>Just updated logo to say BETA and updated 2 orange buttons </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>Please use this updated FoodRubix logo - it has the BETA tag: <a href="https://www.dropbox.com/s/u5v7lxdttaomlq7/foodrubix-logo.svg">https://www.dropbox.com/s/u5v7lxdttaomlq7/foodrubix-logo.svg</a></p> <p>Don't need to update the logo for the email - just the web site is fine.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>Made log in button gray and added drop shadow (kinda like www.mint.com)</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/loicginoux"><img src="https://avatars.githubusercontent.com/u/824936?v=4" />loicginoux</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>ok updated</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>some things are off... 1) top 2 buttons missing the CSS code that makes them lighter (and text stays white when you hover). 2) chat box missing 3) CSS missing for the text in the steps 4) FoodRubix log should move left a tad to aline with container below</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/loicginoux"><img src="https://avatars.githubusercontent.com/u/824936?v=4" />loicginoux</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>about the chat box, I cloned your repository and didn;t see it in your page... are you sure you added it?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>Are you using the latest index.html file from me? It's in the head section</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>I also updated all the tags to html5 in the latest html file</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>Sorry can you update the CSS again? I noticed a difference when it's live so I made the boxes for the steps shorter and moved up the image for step 3 up a tad by 2px.</p> <p><a href="https://github.com/jdaudier/html_template/commit/5700ab272f4cb607eadac5d6e9854ec4ee7c7e79">https://github.com/jdaudier/html_template/commit/5700ab272f4cb607eadac5d6e9854ec4ee7c7e79</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>The FoodRubix logo with BETA looks off. The font I used for the BETA text looks different. Any idea why?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>I updated the logo to fix the BETA font issue: please use this new logo: <a href="https://www.dropbox.com/s/u5v7lxdttaomlq7/foodrubix-logo.svg">https://www.dropbox.com/s/u5v7lxdttaomlq7/foodrubix-logo.svg</a></p> <p>I also did a push to GitHub with the updated logo: <a href="https://github.com/jdaudier/html_template">https://github.com/jdaudier/html_template</a></p> <p>Did you get a chance to add the JS code for the chat box?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/loicginoux"><img src="https://avatars.githubusercontent.com/u/824936?v=4" />loicginoux</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>ok I updated the homepage with new logo, css changes, chat box, html5 tags and 2 buttons css. Let me know if it's ok?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/loicginoux"><img src="https://avatars.githubusercontent.com/u/824936?v=4" />loicginoux</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>are we good on this one? can it be closed?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jdaudier"><img src="https://avatars.githubusercontent.com/u/1666031?v=4" />jdaudier</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>I think you still need to push with the 3 new step image, CSS, html changes from last night?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/loicginoux"><img src="https://avatars.githubusercontent.com/u/824936?v=4" />loicginoux</a> commented <strong> 11 years ago</strong> </div> <div class="markdown-body"> <p>yes sorry I thought I did that. I just pushed it now</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

loicginoux / joanne_project

Basic front end design integration #57