[gnome-devel-docs/wip/reorganization] Start 10 minute tutorial/getting started

[Ekaterina Gerasimova <egerasimov src gnome org>]

commit 3f21d1a00ed3dd673592147ae3bc3eb1ea596206
Author: Ekaterina Gerasimova <kittykat3756 gmail com>
Date:   Mon Jun 17 17:16:54 2013 -0400

    Start 10 minute tutorial/getting started

 tutorials/C/glade-intro.page  |   26 ----------------
 tutorials/C/start-window.page |   65 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 65 insertions(+), 26 deletions(-)
---
diff --git a/tutorials/C/start-window.page b/tutorials/C/start-window.page
new file mode 100644
index 0000000..1eeaa21
--- /dev/null
+++ b/tutorials/C/start-window.page
@@ -0,0 +1,65 @@
+<page xmlns="http://projectmallard.org/1.0/";
+      xmlns:its="http://www.w3.org/2005/11/its";
+      type="topic" style="task"
+      id="bookmark-add">
+
+  <info>
+    <link type="guide" xref="index"/>
+    <revision version="0.1" date="2013-06-17" status="stub"/>
+
+    <credit type="author copyright">
+      <name>Ekaterina Gerasimova</name>
+      <email its:translate="no">kittykat3756 gmail com</email>
+      <years>2013</years>
+    </credit>
+    <credit type="author copyright">
+      <name>Gordon Hill</name>
+      <email its:translate="no">caseyweederman gmail com</email>
+      <years>2013</years>
+    </credit>
+
+    <include href="legal.xml" xmlns="http://www.w3.org/2001/XInclude"/>
+
+    <desc>Use <app>Glade</app> to create a window.</desc>
+  </info>
+
+  <title>Create a user interface</title>
+
+  <!-- brief plan:
+
+ * refer to the HIG for design advice
+ * explain the basic principles of glade
+ * explain how to connect a glade file to your code
+
+ -->
+
+  <p>User interfaces (UI) can be contructed with code or created in
+  <app>Glade</app>, the UI editor for GNOME. <app>Glade</app> produces XML
+  files that describe the…</p>
+
+  <p>glade produces GtkBuilder UI descriptions</p>
+
+<section id="example">
+  <title>Title</title>
+  
+  <p>Create a UI file using <app>Glade</app>. The <gui>Name</gui> that you
+  specify in <app>Glade</app> is the ID that you will need to use to get the
+  object from the UI file.</p>
+
+<!-- image of Glade -->
+
+  <p></p>
+
+  <code><![CDATA[
+#!/usr/bin/gjs
+  ]]></code>
+
+  <p></p>
+
+  <code><![CDATA[
+const Lang = imports.lang;
+const Gtk = imports.gi.Gtk;
+  ]]></code>
+
+</section>
+</page>