← Back to branch summary

~memaker-website-developers/memaker/memaker-site-temper

« back to all changes in this revision

Viewing changes to index.html

  • Committer: Andrew
  • Date: 2008-12-21 12:46:04 UTC
  • Revision ID: rugby471@intrepid-toaster-20081221124604-aq0ezydjvh7862lr
added package icons to download page (and svg source of them); 
compressed more images and made a few changes in the html file.

Show diffs side-by-side

added added

removed removed

Lines of Context:
index.html
6
6
<link href="style.css" rel="stylesheet" type="text/css" />
7
7
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
8
8
        <script type="text/javascript" src="js/jquery.cycle.lite.min.js"></script>
9
 
 
10
9
        <script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
11
10
        <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
12
11
        <script type="text/javascript">
88
87
            $("#about-content").slideDown("fast");
89
88
});
90
89
</script>
91
 
 
92
90
</head>
93
 
 
94
91
<body>
95
92
<form id="form1" name="form1" method="post" action="">
96
93
 <div id="topheader">
136
133
            in just about <b>any situation</b> that you need an avatar.
137
134
            </p>
138
135
            <h1>What is an avatar?</h1>
139
 
 
140
 
            <p>Avatars according to the<a href="http://en.wikipedia.org/wiki/Avatar_(computing)">
141
 
            English Wikipedia</a>:</p>
 
136
            <p>Avatars according to the <a href="http://en.wikipedia.org/wiki/Avatar_(computing)">English Wikipedia</a>:</p>
142
137
            <div id="quote">
143
138
            "An avatar is a computer user's 
144
139
            representation of himself or herself, whether in the form of a 
153
148
            you sign into your computer), almost every instant messaging system,
154
149
            and most forums and social networking sites.</p>
155
150
        </div>
156
 
 
157
151
        <ul id="screenshots-content">
158
152
        <span id="slideshowScreenshots">
159
153
            <span>
173
167
            </span>
174
168
        </ul>
175
169
        <div id="install-content">
176
 
 
177
170
            <h1>How do I get started?</h1>
178
171
            <p>There are two ways to get starting making avatars with MeMaker - the 
179
 
            online and offline way.  Both have advantages.  </p>
180
 
            <p>The online one is useful as you have all the themes we provide, ready to use inside
 
172
            <strong>online</strong> and offline <strong>way</strong>.  Both have advantages.  </p>
 
173
            <p>The <strong>online</strong> one is useful as you have all the themes we provide, ready to use inside
181
174
our <a href="#">nifty interface</a>.  The disadvantage of 
182
175
            this is you have to manually move and then place the picture in the 
183
 
            place you like.</p><p>This is where the original MeMaker comes in handy.  
 
176
            place you like.</p><p>This is where the <strong>original (offline)</strong> MeMaker comes in handy.  
184
177
            Users of a computer can all picture avatars quickly with memaker.  You 
185
178
            can even have some formats automatically set your picture, like your 
186
179
            login picture in <a href="http://www.gnome.org/projects/gdm/">Gnome 
187
180
            Display Manager</a>.  Plans are even in the works to have your avatars 
188
181
            all updated at once, including your online forums and chat programs 
189
182
            like Pidgin.</p>
190
 
            <h2>Ubuntu Users</h2>
191
 
 
 
183
                        <img src="images/ubuntu.png" alt="Ubuntu" align="left" style="padding-right:10px;" />
 
184
                        <h2>Ubuntu Users</h2>
192
185
            <p>If you are an Ubuntu user you can simply install it with Synaptic or just click <a href="apt://memaker">here</a>, to get the latest 
193
186
            for Ubuntu 8.04 and Ubuntu 8.10.</p>
 
187
            <img src="images/fedora.png" alt="Fedora Core" align="left" style="padding-right:10px;" />
194
188
            <h2>Fedora Core Users</h2>
195
189
            <p>Currently we don't have any packages for Fedora/Redhat, but we are 
196
190
            looking for someone to make one for us.  
197
191
            Please talk to <a href="mailto:encompass@gmail.com">encompass</a> and 
198
192
            he can help you get started.</p>
 
193
            <img src="images/source.png" alt="Source Code" align="left" style="padding-right:10px;" />
199
194
            <h2>From source:</h2>
200
 
 
201
195
            <p>If you would to get the source code, you can download it <a href="#">here</a>
202
 
            (build instructions are provided inside).</p>
 
196
            (build instructions are provided inside).</p><br />
 
197
            <img src="images/windows.png" alt="Windows" align="left" style="padding-right:10px;" />
203
198
            <h2>Windows Users</h2>
204
199
            <p>Currently we don't have any support for a Windows version of 
205
 
            MeMaker, but you are free to take our code and use it as long as you 
 
200
            MeMaker, but you are free to take our code and use it, as long as you 
206
201
            don't break any <a class="license-link" href="#">license agreements</a>.</p>
207
202
        </div>
208
 
 
209
203
        <ul id="themes-content">
210
204
            <li><a href="#"><img src="themes/1.png" alt="Theme"/></a></li>
211
205
            <li><a href="#"><img src="themes/2.png" alt="Theme"/></a></li>
215
209
            <li><a href="#"><img src="themes/6.png" alt="Theme"/></a></li>
216
210
        </ul>
217
211
                <div id="help-content">
218
 
 
219
212
            <h1>Getting Help</h1>
220
213
            <h2>IRC</h2>
221
214
            <p>If you need help pretty quickly, you can join us on our IRC channel -
225
218
            <h2>Mailing List</h2>
226
219
            <p>Mailing lists are a great way for everyone to collaborate and 
227
220
            answer questions together.  You can subscribe to our <a href="http://lists.memaker.org/listinfo.cgi/discussion-memaker.org">
228
 
 
229
221
            General</a> or <a href="http://lists.memaker.org/listinfo.cgi/memaker-art-memaker.org">Art</a> list.  Don't worry, they aren't 
230
222
            too active, we are just here to help. :D</p>
231
223
            <h2>Launchpad</h2>
232
224
            <p>If all else fails, or you just want something more official looking to put your query 
233
225
            into, you can <a href="https://answers.launchpad.net/memaker">ask a question</a> or <a href="https://bugs.launchpad.net/memaker">file a bug</a> at MeMaker's project page, hosted on Launchpad (remember to look through past content beforehand though, as you might be reporting/questioning something twice!).</p>
234
 
 
235
226
        </div>
236
227
        <div id="contributors-content">
237
228
            <p>Most of our developing is done on <b>Launchpad</b>, with all the code you will ever need residing at our <a href="http://www.launchpad.net/memaker">project page there</a>. You can also look at our <b>Wiki</b>, which <a href="http://wiki.memaker.org">houses a lot of useful information</a>. If you want to see where you can help out, have a look below at what different people do within the MeMaker project.</p>
241
232
                <br/>Main Developer
242
233
                <br/>Encompass
243
234
                <br/>
244
 
 
245
235
                <a href="#" class="contribs">
246
236
                    <img src="contribs/1.png" alt="Theme"/>
247
237
                </a>
252
242
                <br/>
253
243
                <a href="#" class="contribs">
254
244
                    <img src="contribs/2.png" alt="Theme"/>
255
 
 
256
245
                </a>
257
246
            </span>
258
247
            <span>Ross Porow
263
252
                    <img src="contribs/3.png" alt="Theme"/>
264
253
                </a>
265
254
            </span>
266
 
 
267
255
            <span>Time Inabottle
268
256
                <br/>General Manager
269
257
                <br/>Encompass
276
264
                <br/>He could be German.
277
265
                <br/>Encompass
278
266
                <br/>
279
 
 
280
267
                <a href="#" class="contribs">
281
268
                    <img src="contribs/5.png" alt="Theme"/>
282
269
                </a>
309
296
        <div id="licensing-content">
310
297
                        <h1>Legalities</h1>
311
298
                        <p>This will contain a copy of the licence information....</p>
312
 
 
313
299
        </div>
314
300
        </div>
315
301
      </div>
328
314
  </div>
329
315
</div>
330
316
</form>
331
 
 
332
317
</body>
333
318
</html>