FOSS4G2009 Website Update - Revision history

Wiki-Leo at 10:21, 13 February 2015

2015-02-13T10:21:44Z

2009-06-01T08:17:55Z

Understanding the Website Source code

2009-06-01T07:11:39Z

stylesheets

2009-06-01T06:45:36Z

helpers

2009-06-01T06:40:12Z

helpers

2009-06-01T06:39:42Z

helpers

2009-06-01T06:38:28Z

helpers

2009-06-01T06:37:44Z

helpers

2009-06-01T06:33:06Z

helpers

2009-06-01T06:32:12Z

partials

@@ Line 14: / Line 14: @@
-== Understanding the Website Source code ==
+= Understanding the Website Source code =
 The FOSS4G 2009 website's html is generated by templates written using staticmatics. This means that we can write haml template instead of html, write ruby helpers to generate html code and create partials and layouts for a more modular website while keeping to the good programing philosophy of DRY (Don't Repeat Yourself). So the current source directories are:
   +-src/

@@ Line 79: / Line 79: @@
 == stylesheets ==
+This contains the stylesheets in SASS format. SASS is a syntactically simple and elegant language for generating CSS. http://haml.hamptoncatlin.com/docs/rdoc/classes/Sass.html It comes part and parcel with HAML.
 [[Category:FOSS4G2009]]
 [[Category:FOSS4G]]

@@ Line 43: / Line 43: @@
 == helpers ==
-Helpers are bits of ruby code that generate HTML. These helper methods are automatically available to us for use inside our templates. This can be a very powerful and time saving concept. For example if we look at the page for: http://2009.foss4g.org/presenters/
+Helpers are bits of ruby code that generate HTML. These helper methods are automatically available to us for use inside our templates. This can be a very powerful and time saving concept. For example if we look at the page for: http://2009.foss4g.org/presenters/  it contains a list of all the presenters with a location. This is all being done using a helper. Have a look at the code snippet below from the [https://svn.osgeo.org/osgeo/foss4g/2009/website/foss4g09_staticmatic/src/helpers/foss4g_helper.rb src/helpers/foss4g_helper.rb]
 <pre>

@@ Line 71: / Line 71: @@
      lng, lat = $1.split(" ")
      "<img src=\"http://maps.google.com/staticmap?center=#{lat},#{lng}&zoom=10&size=380x100&maptype=terrain\
-&markers=#{lat},#{lng},midblue\
+        &markers=#{lat},#{lng},midblue\
-&key=#{maps_api_key}&sensor=false\
+        &key=#{maps_api_key}&sensor=false\
-&format=png8\" alt=\"#{wkt}\" border=\"0\" title=\"#{wkt}\">"
+        &format=png8\" alt=\"#{wkt}\" border=\"0\" title=\"#{wkt}\">"
    end

@@ Line 70: / Line 70: @@
      return nil if $1.nil?
      lng, lat = $1.split(" ")
-     "<img src=\"http://maps.google.com/staticmap?center=#{lat},#{lng}&zoom=10&size=380x100&maptype=terrain&markers=#{lat},#{lng},midblue&key=#{maps_api_key}&sensor=false&format=png8\" alt=\"#{wkt}\" border=\"0\" title=\"#{wkt}\">"
+     "<img src=\"http://maps.google.com/staticmap?center=#{lat},#{lng}&zoom=10&size=380x100&maptype=terrain\
    end

@@ Line 52: / Line 52: @@
      presenters['presenters'].sort.each do |k, v|
        html +=
-       \"<div id=#{cycle}><div id=#{k}>\n\" +
+       "<div id=#{cycle}><div id=#{k}>\n" +
-       \"  <p><strong>#{v['name']}</strong></p>\n\" +
+       "  <p><strong>#{v['name']}</strong></p>\n" +
-       \"  <p>#{wkt2gmap(v['location_wkt'])}</p>\n\" +
+       "  <p>#{wkt2gmap(v['location_wkt'])}</p>\n" +
-       \"  <p>#{v['biography'] || 'Biography comming soon...'}</p>\n" +
+       "  <p>#{v['biography'] || 'Biography comming soon...'}</p>\n" +
-       \"  <p>Sessions:\n\" +
+       "  <p>Sessions:\n" +
-       \"    #{get_session_links(v['sessions'])}\" +
+       "    #{get_session_links(v['sessions'])}" +
-       \"  </p>\n" +
+       "  </p>\n" +
-       \"</div></div>\n\"
+       "</div></div>\n"
      end
      html

@@ Line 40: / Line 40: @@
 == partials ==
 Partials are snippets of html or haml code that can be called and inserted into other templates. This lets us make our site very modular. For example you will notice that the site a has an announcement DIV at the top of each page. That bit of html comes from a partial called: [https://svn.osgeo.org/osgeo/foss4g/2009/website/foss4g09_staticmatic/src/partials/site_wide_notice.haml src/partials/site_wide_notice.haml]. This partial is referenced in the layout
 [[Category:FOSS4G2009]]
 [[Category:FOSS4G]]