makeabilitylab / makeabilitylabwebsite Goto Github PK
View Code? Open in Web Editor NEWThe Makeability Lab website
Home Page: https://makeabilitylab.cs.washington.edu
License: MIT License
The Makeability Lab website
Home Page: https://makeabilitylab.cs.washington.edu
License: MIT License
Right now, the migrations folder in Django is a bit of a mess because we are still rapidly changing the database schema and adding more libraries--some of which also require database changes.
So, I'm tempted to remove it from the git repo until things settle down a bit.
Note that it seems like the migrations folder (and files within) are meant to be stored in version control. See:
Mockup and design MVP version of people gallery page.
The input field for Project Short Name allows for multiple words to be input which is also what gets displayed by the filter code, but when multiple words are used it will cause a javascript error and I am unsure how we want to resolve this issue.
Before we shift our github from being private to public, we need that none of our passwords/security settings leak out. How to do that?
The media folder hosts all of the uploads for the website, including: talk PDF and PPTX, paper PDFs, website images, etc. Do we want all of this stuff also in github? Probably not, right? We just want the code in github. So, we will need to probably do a git ignore on the media folder?
The problem, then, is in local development. You won't be able to see the thumbnails and other media in the 'media' folder on the server when you're doing local dev.
We need to develop django support for the image carousels we have on each page. I think we should be able to upload new images and content for the carousel via Django's admin interface, so we will need to program this. Each image in the carousel needs to have title and content text. The content text should be html with clickable links. We also need to support ALT data as I want to make this website as accessible as possible.
There are sort of three different carousels imo:
Not sure exactly how to implement this. Will need to discuss.
I think Lee is most equipped to do accomplish this task so assigning him initially.
This is related to #2
For the news feed and other areas of the website, would be nice to have rich text editor support in the Django admin interface.
I want us to create a Django page/form for high school and undergrad applicants to apply to do research with our group.
The form should ask questions about technical background, allow for the uploading of documents (resume, portfolio), and provide a blank for a personal statement.
See http://www.cs.umd.edu/~jonf/advising.html#ugradresearch for details.
Need to finalize font for Makeability Lab header text.
The font we have been using is a Helvetica lightweight font variant. Specifically, HelveticaNeueLT Com 23 UltLtEx Bolded for 'make' and HelveticaNeueLT Com 23 UltLtEx for 'ability lab'
This is a pretty wide font, however, and I don't think it will scale well at low sizes. But I think we should at least try it.
To make it easier to add content to our webpage, I want to support entering publications by copying/pasting bibtex. This data should then be used to auto-fill in our publication or talk form. I have this sort of working. See templates/admin/website/publication/bibtex_form.html
Should we be using CDNs for css files and js files or store them locally on the server?
These are minor convenience features that I think would be useful. Rather than requiring that admins download the file and then upload it from their file system, it may be simpler in some cases to enter a link or copy and paste or drag-and-drop. I'm not sure how Django's admin system will handle these cases, but I know there is HTML5/javascript support for it.
Implement auto generation of Short Title: use a character count that cuts off at closest word under maximum and then has ellipses at end to indicate the cutoff. Also, set a good maximum as current 100 char limit was set somewhat arbitrarily.
Authors on a publication are currently not listed in the order they were added to the publication, but instead in the order the people entries were added to the database. Need to implement an ordering function in the admin page and data models, but I'm not sure how that would work since it needs to be associated with the publication, not the people.
I think the content width is slightly too wide. Looks like currently set to 1170px. Hmm, but that’s what the grayscale webpage is set to for content so maybe OK…?
This should be similar, I think, to the people overview page and the talks page.
Note: this is the overview page that lists all of our projects and not the individual project pages (which is assigned to @Manaswis ).
I want all study recruitment docs to be hosted off of the ML website--like this one, for example:
http://www.cs.umd.edu/~jonf/glassear.html
To make it easier to make these sorts of pages in the future, I want to make a Django template. Moreover, I think we could even have this be a form that people fill out with necessary information for screening purposes (which will differ depending on each study).
Currently the publications page only includes the text citation, but it would also be useful to provide bibtex data for copy and paste purposes. This should appear in the same popup, probably as a tab (similar to ACM).
We need to be able to crop images like profile images on upload. How best to do this?
Some possible solutions:
Update talk page to display selected talk PDFs to the user in the page rather than having them download, view the raw pdf, or move off the website to slideshare.
At a minimum, we should test the website across:
BROWSERS
(I'm not interested in supporting backwards compatibility with old web browsers tbh)
DEVICES
Jon
For the news feed, I was expecting that we basically have mini-blog functionality. In Django, we write a blog post and tag it as a news item. Then, the front page would automatically pull this item in with a title and a little blurb. If you click on the news item, it takes you to the blog post.
Currently, there is lots of javascript code embedded into publications.html. Where possible, I think it's best to include javascript code in stand-alone file in static/website/js rather than embedded in a template file.
The publications and talks page have lots of overlapping functionality (other pages may as well). I think it makes sense to refactor the filtering code in the publications.html page so that it can be easily used on the talks.html page as well.
Need to add in Google Analytics and statcounter to webpage. I'll look into doing this.
Would be nice to either use simple markdown when writing news posts to refer to ML people or projects or to auto-parse this stuff from the news post and link to the appropriate things.
Need to add in award overlay icons for talks and pubs pages.
Add in HCIL Hackerspace info either to the landing page or as a top-level menu link with dedicated page.
I thought I remembered reading in the dev docs somewhere that while SQLite is great for dev environments, it should not actually be used for the actual production server.
However, I just checked the docs and it looks like, perhaps, we could just stick with SQLite for now: https://docs.djangoproject.com/en/1.9/ref/databases/. What do you guys think?
Jon
Could be useful if we wanted to do interesting mouse hover behavior on thumbnails to quickly enlarge them and provide more information.
There are multiple points in here, we can split these up as separate issues in the tracker as necessary:
See hulu.com for an example of how to do this. We may still have a problem with this on extremely wide and short windows, since we probably don't want it to fill up more than 50-60% of the vertical space. In that case, our choices would be to either add blank space to the sides of the site (like hulu does it), set a maximum height and crop the images (like we're doing now), or allow it to grow to fill the full height of the the screen in extreme cases.
Do we want to validate filetypes like PDFs on upload?
Evidently, to do this, can use something called python-magic which examines a file and infers what type it is. See:
This could include: abstract, links to videos and talks, links to project page, etc.
Currently the banner images are rendered as background images, which was necessary in order to get the scaling/cropping behavior I wanted. But that means that we can't give them accessibility features like alt text, which is an issue. At some point soon we need to look into how to add alt tags without breaking the responsive design.
Till we decide what were going to do to populate this with content (and we have everyone's buy-in) I am assigning this integration to Post-MVP; I also don't know how much progress has been made on the landing page.
Since we're using a responsive design for the carousel images, it's not entirely clear how we should handle it on the admin side to make sure that we're choosing good images that won't appear overly cropped on different screen sizes. Does anyone have any suggestions?
We should explore this for a future update, but for now you should just check how the image appears on the actual site for different window sizes.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.