jimpala / biosynthage Goto Github PK
View Code? Open in Web Editor NEWWebsite designed for iGEM UCL Biosynthage project.
Website designed for iGEM UCL Biosynthage project.
Debugger console (upon routing to DescriptionPage):
Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of ImageArray. See https://fb.me/react-warning-keys for more information.
in ImageBlock (created by ImageArray)
in ImageArray (created by DescriptionPage)
in div (created by DescriptionPage)
in div (created by DescriptionPage)
in div (created by DescriptionPage)
in DescriptionPage (created by RouterContext)
Any ideas Liam?
Having some positioning issues with the nav after deciding not to use viewports for the height (as fixed nav heights seem to be the industry standard, with good aesthetic reason).
Given that MainSlide is a container that takes up the entire viewport, and we want the a constant instance of the Menu component (nav), doesn't this mean we need could do with having MainSlide at the top of the DOM hierarchy in App.js, with Menu as its child?
Also thought this would be useful for any fancy transitions between site background between pages that could be effected by state change.
Let us know!
The UCL iGEM Wiki setup leaves a lot to be desired in terms of serving files in a local directory tree. Dumping static files elsewhere is probably a good move for now.
I'm looking at reusing the classic GAE/app.yaml handling combo - then the wiki will only need to serve the index.html and script.js entry points.
This will require me going through and changing all our src and href paths... will give it a go.
Combine Liam page mechanics with James aesthetic design.
Presumably using index.html / script.js as the entry points.
Static media is now serving on http://biosynthage.appspot.com.
This is probably because billBoardDiv height is given in pixels. Also, there are a few other attributes I see that are set in pixels. It would be good if you could change these to viewport dimensions or % :).
I REALLY like what you've done here, really good job. Although, do you think it may look a bit better to have the fade to colour happen as you load the page and have the video fade in as you click the button? I find having both the fade to colour and fade to video in one sequence of animations is a bit long. Thoughts?
This should be quick to do and I'll get round to it in due course.
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.