elementary / website Goto Github PK
View Code? Open in Web Editor NEWThe elementary.io website
Home Page: https://elementary.io
License: MIT License
The elementary.io website
Home Page: https://elementary.io
License: MIT License
We should use a cursor: pointer
on download button.
We should probably pull the footer out into its own file and have it appended to each page to make sure it stays consistent and updated across pages.
This is kind of a pre-requisite to multiple pages.
So far (and I think for what we have in mind) that seems like it would save us some code.
We should add the proper meta tags so social sites like Google+ and Facebook pick up a nice title, description and thumbnail.
elementaryos.tumblr.com
Down with the Journal. Long live the Blog.
Probably good to have file size so people know what they're getting into
This'll be a big undertaking. We should port the Human Interface Guidelines (http://elementary.io/docs/human-interface-guidelines) over to the new site.
We should also discuss how adding to/editing the HIG works. I'm all for using GitHub like everything else, but it might make the workflow easier if we generate the links to the pages more dynamically based on the file/folder structure.
...If you click the button, come back to the page, then click near the button.
Odd.
Firefox complains:
The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.
We should probably specify utf-8 with <meta charset="UTF-8">
in the head.
So we have to choose a server-side language to fix issues below
As we said, Stripe got APIs for cURL, Ruby, Python, PHP, Java, Node and Go. We must choose one of these or a language supporting cURL. We were having a preference for Go.
target="_blank" yo
You can't download that shiz on your phone. It'd be useless there.
Maybe we should come up with some kind of clever "download later" mechanism. Send me a link to the download in my email?
Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.
So we don't have to modify this page every time we make a new ISO, we should set up a permalink
Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.
Rather than serving up a 700MB - 1GB iso download on a mobile device, it'd be pretty sweet if we could email the user a link so they can get to it from a computer.
This would require a little bit of server-side code, though. Or Mailchimp, which I'm actually definitely in favor of using anyway. :)
Sounds like stripe checkout is the way to do it
The $15 bounty on this issue has been claimed at Bountysource.
Need at least one sexy screenshot of the default Freya desktop.
Might be interesting to do a shot with a few different sexy computers running Freya.
Would be very warm and indie of us to have kind of a set up "natural" shot like the new photos on system76
So that we don't have to modify this page every time the iso changes (creating potential for human error), we should be setting the file size of the ISO programmatically.
One of the things we've linked to in quite a lot of places and can't lose is our Code of Conduct. So we gotta throw up a page for that.
What it says on the tin. Need a 404 page with a way to get back to home
Right now buttons have a gradient set as the background-image
. We should provide an equivalent flat fallback color for browsers that don't render gradients.
fwiw the average of the colors in the gradient right now is #64B9F1
What it says on the tin. Minor technicality for the footer.
Super quick. Include the header and footer in the 404 file.
After paying, set a release-specific cookie (ike has_paid_freya
) and check it in future to avoid prompting them to pay again. Use a special url in receipts to set the cookie then too.
Spaces masta race, yo
How to burn and install from Windows
If you're going mobile first, why not using premade css grid? There are number of options, like Bootstrap, Foundation or Skeleton (if more lightweight). Not only it would save some time, but also fix some cross-browser issues.
The download later feature is definitely something essential on mobile devices, but it could be useful to offer to desktop users as well. For example, if someone sees it's 800MB (or whatever) and wouldn't normally download it right then, being able to send them a direct link will encourage them to give us money anyway and get their file later.
Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.
Gotta have one of those
We should add our Google Analytics code to the page so we can continue to check interest categorized by region, browsers, etc.
For accessibility and in case someone doesn't know what the icons mean.
We should probably pull the header out into its own file, much like the footer in #65.
A simple way to do this while still being able to set page-specific titles/descriptions is to set have some variables in the header, then set them in the pages before including the header. Something like:
<?php
$page_title = 'elementary OS Freya';
$page_description = 'A fast and free replacement for Windows and OS X. Pay what you want or download for free.';
include_once('header.php');
?>
Then in the header you can do this:
<title><?=$page_title;?></title>
<meta name="description" content="<?=$page_description;?>" />
...etc.
the icons in the footer should get a nice focus style instead of the default outline
People gonna complain about "where my torrent download at"
Right? Maybe? Little feedback?
Likely we'll want to use Sam's installer? https://github.com/sdaitzman/elementary-os-install-utility
What it says on the tin
While not many of our visitors use outdated browsers, we should warn those who do that their browser is outdated and that our site won't work properly.
On system76.com we simply throw a big ol' header on <=IE10 with a link to browsehappy.com
<!--[if lt IE 10]>
<div id="legacy-warning">
<h1>System76 is built on modern web technologies your browser doesn’t support.</h1>
<p>This version of Internet Explorer is out of date and may contain bugs or security vulnerabilities. Please <a href="http://browsehappy.com/">upgrade</a> to IE 11 or an alternative web browser.</p>
<p>If you have questions about an order or require support, feel free to <a href="/contact">contact us</a>.</p>
<div id="legacy-warning-buttons">
<a href="#" onClick="document.getElementById('legacy-warning').style.display = 'none';">Dismiss</a>
<a class="primary" href="http://browsehappy.com/">Learn More</a>
</div>
</div>
<![endif]-->
This is then styled up with CSS and works quite well. I'm open to discussion on how else to implement it, but no matter what let's keep it simple. :)
How to burn & install from the latest LTS of Ubuntu (LTS for convenience of not having to update screenshots every 6 months)
Either a new page or section needs to be created to explain how to contribute.
This section should include links to Launchpad, GitHub, and Bountysource at a minimum.
Once both #70 and #23 are implemented, we can add a screenshot to the meta tags for richer social integration.
For Google+, we just add:
<meta itemprop="image" content="http://our.image.url.here.jpg">
For Twitter, we replace summary
with summary_large_image
to get:
<meta name="twitter:card" content="summary_large_image">
...and then add:
<meta name="twitter:image:src" content="http://our.image.url.here.jpg">
We should probably get this set up sooner than later
The $50 bounty on this issue has been claimed at Bountysource.
https://github.com/elementary/mvp/blob/master/styles/main.css#L106 - Not good for people navigating with a keyboard. I suggest we remove this line.
outline: none
We're going to want an "alternative downloads" page to offer 32-bit and torrents.
We have three good ones.
Wired: “elementary OS is different… a beautiful and powerful operating system that will run well even on old PCs”
Mac Life: “a fast, low-maintenance platform that can be installed virtually anywhere”
Lifehacker: “Lightweight and fast… Completely community-based, and has a real flair for design and appearances.”
And link it to our tumblr
Current only 64bit is available. Should get both choices
The footer of the page floats over the content when the screen height is smaller than the content.
First step. :)
Something like "beta.elementaryos.org" would be cool
Just a minimal little thing with a copyright notice
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.