Open Source Comes to Campus/Logistics/Publicity Website: Difference between revisions

Detail how to change Google Maps, and the placeholder for the sponsors/hosts.
imported>Shauna
No edit summary
imported>Omsai
(Detail how to change Google Maps, and the placeholder for the sponsors/hosts.)
 
(4 intermediate revisions by one other user not shown)
Line 1:
Typically each event gets its own publicity website. (for For example, see [http://wellesley.openhatch.org/ Wellesley's] or [http://princeton.openhatch.org/ Princeton's] (you can see a fuller range of designs [https://openhatch.org/wiki/Open_Source_Comes_to_Campus/Logistics/Publicity_Materials#Publicity_Website here]). For instructions on creating a similar website, read on.
 
== Making the site ==
 
To start, you want to [https://github.com/organizations/new make a new organization]. This organization should have the name oh-$yourname. For instance, if your school is Hogwarts, you'd make an organization named oh-hogwarts.
The template website lives at the Github repository [https://github.com/openhatch/oh-campus-template OH-campus template]. You want to make a copy of this site which you can customize. To do so, you want to "fork" the repository.
 
The template website lives at the Github repository [https://github.com/openhatch/oh-campus-template OH-campus template]. You want to make a copy of this site which you can customize. To do so, you want to "fork" the repository. Click the "Fork" button in the top-right corner of the page. You'll be given the option to fork to multiple places - select the organization you just made.
Click the "Fork" button in the top-right corner of the page. Once the animation concludes, you should be in a new repository in your personal space (ie at url github.com/$YOURUSERNAME/oh-campus-template/ rather than github.com/openhatch/oh-campus-template/). You should also see a "forked from..." remark in the top-left.
 
Click the "Fork" button in the top-right corner of the page. Once the animation concludes, you should be in a new repository in your personalorganizational spaceaccount (ie at url github.com/$YOURUSERNAMEoh-hogwarts/oh-campus-template/ rather than github.com/openhatch/oh-campus-template/). You should also see a "forked from..." remark in the top-left.
You now want to rename the site. The naming scheme we'd like you to use is "oh-campus-$NAMEOFSCHOOL". If you were Harry Potter, you'd rename your repository to "oh-campus-hogwarts". To rename the repository, go to the righthand sidebar and scroll down to settings, near the bottom. Once you click that, renaming should be the first option you're given.
 
You now want to rename the site. The naming scheme we'd like you to use is "oh-campus-$NAMEOFSCHOOLhogwarts.github.io". IfThis youis werea Harrynaming Potter,convention you'dwe renameneed yourto repositoryuse in order to "oh-campus-hogwarts"host the site on github. To rename the repository, go to the righthand sidebar and scroll down to settings, near the bottom. Once you click that, renaming should be the first option you're given.
 
While you're there, take a look at the option "collaborators" on the lefthand sidebar. It may be useful to add OpenHatch organizers @shaunagm and @paulproteus, as well as any other student organizers who might need access to the site, in case it needs to be updated quickly when you're not available.
 
Once you've created the repository, send the url to OpenHatch organizers and we'll [[Static_site_hosting/create | do our thing]]. (You can safely ignore that page, but we linked it in case you're interested.) You should also add the OpenHatch organizers to the organization so that they can change the repository as needed. To do this, follow [https://help.github.com/articles/adding-organization-members-to-a-team these instructions]. For item #5, the team 'Owners' is fine. The github accounts to add are '''shaunagm''' and '''paulproteus'''.
 
== Customizing the site ==
Line 26 ⟶ 28:
 
Changes you'll want to make include:
* Do a search for $SCHOOL in the source file and replace with your school's name.
* Customizing text: adding your school's name in the title element of the header and in the header text on the page, adding information on the date/time and place, adding information about the host organization and contact info for event organizers.
* Do a search for $DATE in the source file and replace with the date of the event.
* Linking to your school's sign up form (see the google doc folder for your event under 'OSCTC Signup Template'). Make sure that the sign up form includes your school's name and not "CHANGEME".
* Do a search for $LOCATION in the source file and replace with the location of the event.
* Feel free to play with the aesthetics of the site by changing colors, fonts, etc.
* Do a search for $HOST in the source file and replace with the host organization/people.
* Add links to student and mentor sign up forms.
* Do a search for $ADD SPONSORS/HOSTS HERE and add logos of sponsors/hosts (the OpenHatch logo is already there).
* Change map to point to the location of your event (we can help you with this):
** Visit Google Maps and find your event location. You can right-click on the building the event is being held in and click on "what is here" to exact geographical coordinates.
** Click on the "Link" chain icon and read the URL. From the URL you change the JavaScript in index.html as follows:
{| class="wikitable"
! Link URL "key=value" pair || Corresponding JavaScript line to edit
|-
| ll=xx.xxxxxx,yy.yyyyyy ||
center: new google.maps.LatLng(xx.xxxxxx,yy.yyyyyy),
|-
| z=zz ||
zoom: zz,
|-
| q=xx.xxxxxx,yy.yyyyyy ||
var locations = [
['Change this to your Building Name', xx.xxxxxx, yy.yyyyyy]
];
|}
* FeelFinally feel free to play with the aesthetics of the site by changing colors, fonts, etc.
 
== Publishing the site ==
Anonymous user