Team:UNITN-Trento/Blog

From 2012.igem.org

(Difference between revisions)
m
 
Line 34: Line 34:
<body style="top: -20px; position: relative;">
<body style="top: -20px; position: relative;">
<div class="ribbon"></div>
<div class="ribbon"></div>
-
<div class="container_24">
+
<div class="container_24">
-
<div class="header">
+
<div class="header">
-
<h1><a href="https://2012.igem.org/Team:UNITN-Trento">iGEM Trento 2012</a></h1>
+
<h1><a href="https://2012.igem.org/Team:UNITN-Trento">iGEM Trento 2012</a></h1>
-
<div class="nav">
+
<div class="nav">
-
<ul>
+
<ul class="menu">
-
<li><a href="https://2012.igem.org/Team:UNITN-Trento">Home</a></li>
+
<li><a href="https://2012.igem.org/Team:UNITN-Trento">Home</a></li>
-
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Team">Team</a></li>
+
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Team">Team</a></li>
-
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Blog">Blog</a></li>
+
<li><a href="#">Lab Notes</a>
-
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Notebook">Notebook</a></li>
+
<ul class="labnotes">
-
<li>|</li>
+
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Notebook">Notebook</a></li>
-
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Project">Project</a></li>
+
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Protocols">Protocols</a></li>
-
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Parts">Our Parts</a></li>
+
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Meetings">Meetings</a></li>
-
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Safety">Safety</a></li>
+
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Attributions">Attributions</a></li>
-
<li>|</li>
+
</ul>
-
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Gallery">Gallery</a></li>
+
</li>
-
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Outreach">Outreach</a></li>
+
<li>|</li>
-
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Partners">Partners</a></li>
+
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Project">Project</a></li>
-
<li>|</li>
+
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Parts">Our Parts</a></li>
-
<li><a class="igem" href="https://2012.igem.org"><img src="http://www.jasonfweb.com/igem/img/theme/UniTN-iGEM.png" alt="iGEM" width="50px" /></a></li>
+
<li><a href="#">Considerations</a>
-
</ul> </div>
+
<ul class="considerations">
-
+
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Safety">Safety</a></li>
-
</div>
+
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Outreach">Outreach</a></li>
-
+
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Blog">Blog</a></li>
 +
</ul>
 +
</li>
 +
<li>|</li>
 +
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Gallery">Gallery</a></li>
 +
<li><a href="https://2012.igem.org/Team:UNITN-Trento/Partners">Partners</a></li>
 +
<li>|</li>
 +
<li><a class="igem" href="https://2012.igem.org"><img src="http://www.jasonfweb.com/igem/img/theme/UniTN-iGEM.png" alt="iGEM" width="60px" /></a></li>
 +
</ul>
 +
</div>
 +
 +
</div>
<div class="phrase">
<div class="phrase">
<h2 style="width: 220px;"><span>This is our blog.</span> <span>It's not the journal.</span></h2>
<h2 style="width: 220px;"><span>This is our blog.</span> <span>It's not the journal.</span></h2>
Line 150: Line 161:
<div class="footer">
<div class="footer">
-
<div class="mw">
+
<div class="mw">
<ul>
<ul>
<li><a href="https://2012.igem.org">iGEM Main Page</a></li>
<li><a href="https://2012.igem.org">iGEM Main Page</a></li>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UNITN-Trento/Blog&action=edit&redlink=1">Discussion</a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Talk:Team:UNITN-Trento&action=edit&redlink=1">Discussion</a></li>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:UNITN-Trento/Blog&action=edit">Edit</a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:UNITN-Trento&action=edit">Edit</a></li>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:UNITN-Trento/Blog&action=history">History</a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:UNITN-Trento&action=history">History</a></li>
-
<!--<li><a href="https://2012.igem.org/Special:MovePage/Team:UNITN-Trento/Blog">Move</a></li>
+
<!--<li><a href="https://2012.igem.org/Special:MovePage/Team:UNITN-Trento">Move</a></li>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:UNITN-Trento/Blog&action=watch">Watch</a></li>-->
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:UNITN-Trento&action=watch">Watch</a></li>-->
<li><a href="#">Teams</a></li>
<li><a href="#">Teams</a></li>
<li>|</li>
<li>|</li>
<li><a href="https://2012.igem.org/Special:RecentChanges">Recent Changes</a></li>
<li><a href="https://2012.igem.org/Special:RecentChanges">Recent Changes</a></li>
-
<!--<li><a href="https://2012.igem.org/Special:WhatLinksHere/Team:UNITN-Trento/Blog">What links here</a></li>-->
+
<!--<li><a href="https://2012.igem.org/Special:WhatLinksHere/Team:UNITN-Trento">What links here</a></li>-->
-
<li><a href="https://2012.igem.org/Special:RecentChangesLinked/Team:UNITN-Trento/Blog">Related Changes</a></li>
+
<li><a href="https://2012.igem.org/Special:RecentChangesLinked/Team:UNITN-Trento">Related Changes</a></li>
<li><a href="https://2012.igem.org/Special:SpecialPages">Special Pages</a></li>
<li><a href="https://2012.igem.org/Special:SpecialPages">Special Pages</a></li>
<li><a href="https://2012.igem.org/Special:Preferences">My Preferences</a></li>
<li><a href="https://2012.igem.org/Special:Preferences">My Preferences</a></li>
-
<!--<li><a href="https://2012.igem.org/wiki/index.php?title=Team:UNITN-Trento/Blog&printable=yes">Printable Version</a></li>
+
<!--<li><a href="https://2012.igem.org/wiki/index.php?title=Team:UNITN-Trento&printable=yes">Printable Version</a></li>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:UNITN-Trento/Blog&oldid=3186">Permanent link</a></li>-->
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:UNITN-Trento&oldid=3186">Permanent link</a></li>-->
<li><a href="https://2012.igem.org/2012.igem.org:Privacy_policy">Privacy policy</a></li>
<li><a href="https://2012.igem.org/2012.igem.org:Privacy_policy">Privacy policy</a></li>
<li><a href="https://2012.igem.org/2012.igem.org:General_disclaimer">Disclaimer</a></li>
<li><a href="https://2012.igem.org/2012.igem.org:General_disclaimer">Disclaimer</a></li>
</ul>
</ul>
</div>
</div>
-
<p><span class="toggle">Toggle controls</span>  |  Design by Jason Fontana. Powered by <a href="http://www.mediawiki.org/wiki/MediaWiki">MediaWiki</a>. This website is under the <a href="http://creativecommons.org/licenses/by/3.0/">CC Attribution licence</a>.<br /><span style="left: 370px;
+
<p><span class="toggle">Toggle controls</span>  |  Design by Jason Fontana. Powered by <a href="http://www.mediawiki.org/wiki/MediaWiki">MediaWiki</a>. This website is under the <a href="http://creativecommons.org/licenses/by/3.0/">CC Attribution licence</a>.<br /><span style="left: 370px;
-
position: relative;">Follow our daily journal on <a class="facebook" href="http://www.facebook.com/UniTNiGEM" target="_blank">Facebook</a>!</span></p>
+
position: relative;">Follow our daily journal on <a class="facebook" href="http://www.facebook.com/UniTNiGEM" target="_blank"> Facebook </a>!</span></p>
-
</div>
+
</div>
-
<div class="sponsor">
+
<div class="sponsor">
-
<a href="http://www.fondazionecassaruraleditrento.it"><img src="http://www.jasonfweb.com/igem/img/sponsor/CRT.jpg" alt="Cassa Rurale di Trento" /></a>
+
<a href="http://www.fondazionecassaruraleditrento.it"><img src="http://www.jasonfweb.com/igem/img/sponsor/CRT.jpg" alt="Cassa Rurale di Trento" /></a>
-
<a href="http://www.unitn.it/en/cibio"><img src="http://www.jasonfweb.com/igem/img/sponsor/CIBIO.png" alt="CIBIO"/></a>
+
<a href="http://www.unitn.it/en/cibio"><img src="http://www.jasonfweb.com/igem/img/sponsor/CIBIO.png" alt="CIBIO"/></a>
-
<a href="http://www.unitn.it/en"><img src="http://www.jasonfweb.com/igem/img/sponsor/UniTN.JPG" alt="Università degli Studi di Trento"/></a>
+
<!--<a href="http://www.unitn.it/en"><img src="http://www.jasonfweb.com/igem/img/sponsor/UniTN.JPG" alt="Università degli Studi di Trento"/></a>-->
-
</div>
+
</div>
-
</div>
+
<div class="unitn">
-
 
+
<img src="http://www.jasonfweb.com/igem/img/sponsor/UniTN.JPG" alt="Università degli Studi di Trento"/>
 +
</div>
 +
</div><!-- end container_24-->
 +
<script>
<script>
(function() {
(function() {
Line 190: Line 204:
})();
})();
</script>
</script>
-
<script type="text/javascript">
 
-
 
-
  var _gaq = _gaq || [];
 
-
  _gaq.push(['_setAccount', 'UA-29865174-3']);
 
-
  _gaq.push(['_trackPageview']);
 
-
 
-
  (function() {
 
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
-
  })();
 
-
 
-
</script>
 
</body>
</body>
</html>
</html>

Latest revision as of 14:12, 12 August 2012

Blog

This is our blog. It's not the journal.

To Rebuild or Not To Rebuild

15.06.2012
Guzz

Among the problems caused by environmental aggression to statues and buildings there is the acidic rain-driven marble solubilization:
Besides metals and bacteria-containing gypsum reprecipitation, which results in black crusts, another issue is the melting of the statue. Our early-stage project included the engineering of a light-controlled bacteria able to precipitate Ca2+ ions in the media to drive structural rebuilding of the heritage.
The proposed strategy was to couple photoreception and urease secretion, in a fashion similar to what team Newcastle 2010 did with its Bacillafilla.
In our most wild dreams, we imagined a technological apparatus, something like a 3D calcium carbonate laser printer. As a more feasible thing, we hypothesized a photoreceptor-coupled transcription factor (most likely a fusion protein) able to drive urease expression and secretion upon light stimulation. To give the system spatial control, we proposed a two-component logical gate, in which the system would have been triggered only by simultaneous stimulation with two wavelengths.
But then, we asked to ourselves: is it ethically correct to rebuild a statue? wouldn't it be some kind of falsification? And a whole new world of ethical debates opened to us. We found out that this is one of the main topics of discussion among restorers.
On one hand, to rebuild, for example, a melted statue would allow its perpetuation, so that not only our generation could appreciate it, but the generations to come too.
Not rebuilding would mean to eventually lose many of our works of art. Many of them are already missing some of their features, hairs, faces, lesser (finer) details.
On the other hand, while chemical composition and structural aspect would be the same, a rebuilt statue would lack, at least in part, the creative process of the author. His or her feelings, inspiration, ability. It would be the author's work no more, just a false.
For this, and other reasons, the project was set aside.
You can still say your opinion on our Facebook page though. If you need info about light controlled gene expression, you can e-mail Guzz.

The Tools You'll Need

27.05.2012
Jason

I've been asked on Facebook what I'm using to build the website.

What you really need, actually, are just a text editor and a web browser: you write your HTML and CSS with the editor, and open the .html file with the browser.
Plus a server to store the files you can't have on Mediawiki and possibly a FTP uploader to push your files.
These two are not mandatory, tough: you can put your stylesheet in EVERY .html file you're building, but that's definitely unhandy, as you'll have to modify everyone of them when you edit something.
This basic setup surely gets the job done, but I suggest you to find some more specific software.

I'm on a Mac and using Espresso or Coda 2 (plus Diet Coda on my iPad). These are all-in-one apps, so they have a built in editor, auto-completion, code highlighting, visual editor (very useful if you don't know CSS), FTP capabilities and so on. They're powerful, but also expensive.

I suggest you to try Sublime Text 2, which is free and cross-platform.

Also, be sure to head over to Tuts+, where there are some must-watch free tutorials, including a 30 days one on basic HTML+CSS.

The Incredible Awesomeness of the First Post

24.05.2012
Jason

Hi everyone! I'm not sure how many "everyone" includes as of right know, since I'm not sure how many team members are already thinking about the Wiki. Being myself a web designer in my spare time, we're already on the Wikimedia train (I'm sure you've seen me cluttering the Recent Changes page in the last few days), so I've decided to put up this little Blog page, in addition to the Journal. I'll have the others post something too.

The journal is still a work in progress (actually, it's kind of a mess), and I don't think it would be very useful until it's ready. But I also want to have a place to share our opinions during this exciting iGEM let's-call-it journey, so here it is.

I'm gonna start with my thoughts on Mediawiki and some tips to manage to do something. I say "manage", because, you know, Mediawiki sucks. I have experience with other CMSs, Wordpress, Tumblr, ExpressionEngine, even some niche stuff like Kirby (if you do web design, check it out!), but this thing is bloated. I can't make myself like it, since I think it's overly complicated. It's a wiki engine, so it should be much easier to use, since everyone should be able to edit things easily. Just the action of editing content is a mess: take a look at Tumblr, for instance, it's much easier and self-explanatory. There's a clear separation between "Theme" and "Content" (the way it should be for non-experts), that here is very subtle. And it's beautiful: let's say it, the Dashboard is dead-ugly, and the themes feel like we're still in the 90s. That said, I don't know other Wiki engines, so I can't compare it with others. It could be the best option.

I still think a basic Wordpress installation would be simpler. Good-old HTML+CSS files even better, but that's just my opinion.

Enough with the criticism, let's see some tips. What I've been doing is creating the website on my local machine with .html and .css files, then creating the pages I needed here on Mediawiki, placing an html tag in the content box, and pasting everything inside the html tag of my file inside. Here's an example:

0524-Jason

What Mediawiki does is parse all that as HTML, in so doing achieveng our goal Some notes: don't put the <!doctype html> definition, it's already in the Mediawiki template. Notice that the stylesheet has to be hosted somewhere on a server, or it won't work, so be sure to specify the full url of the .css file.

For this to work, you also need to hide the default theme elements, so they don't display. It will be specific to your needs, just use the Web Inspector of your browser to find what the main.css file (the one Mediawiki is using) is saying, and correct in on your file, it will override the styles. Ah, another important thing to consider are the Mediawiki controls (Edit, Recent changes, blah, blah): you'll have to add those manually, in order to keep them. Many are useless, but the Edit link is essential to you. I hid them in the footer, making them display when the "Toggle Controls" button is clicked.

You could also make a new Mediawiki template, but I gave up on that a long time ago, I find my way simpler. Team DTU-Denmark made a nice page about it last year, so check it out if you're interested.

I believe that's all, I hope it will be of help (and that someone reads my rambling). If you have questions, feel free to ask, please contact us on our Facebook page, I'll get back to you as soon as possible.

Università degli Studi di Trento