Bootstrap: simple example

useful online CSS formatter here.

Here for the code:

main.css:

.section-content {
 margin: 10px;
 padding: 1px;
 background-color: maroon;
}
.section-title {
 font-weight: bold;
 padding: 10px;
 background-color: blue;
 color: antiquewhite
}
.section-text {
 padding: 10px;
 background-color: hotpink;
}
.center {
 text-align: center
}
#footer {
 text-align: center;
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-size: xx-small;
 color: crimson
}

index.html:

<!doctype html>
<html>

<head>
    <title>Simple example with Bootstrap</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    		<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" media="screen"></link>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    		<link rel="stylesheet" href="css\main.css">
</head>

<body>
<div class="container">
<h1>The stream to Oakley</h1>
<div class="row">
<div id="banner" class="span12">
<div class="center">
                    <img src="images/WalkToOakley.jpg" height="200" border="5" /></div>
</div>
</div>
<div class="row">
<div id="main-content" class="span8">
<ul>
	<li>Took about 3 hours</li>
	<li>From a photo I took during a walk</li>
	<li>I invented the stream and therefore its vanishing point</li>
</ul>
<hr/>
<div class="span4">
<div class="section-title">The text belonging to section-title - parent</div>
<div class="section-text">Acrylic is one medium</div>
<div class="section-content">
<div class="section-title">The text belonging to section-title - child</div>
<div class="section-text">Oil is another</div>
</div>
<div class="section-content">
<div class="section-title">The text belonging to section-title - child</div>
<div class="section-text">And you might use pencil, but it wouldn't have the impact</div>
</div>
</div>
</div>
<div class="row">
<div id="footer" class="span12"> &copy; Lucius Verenus</div>
</div>
</div>
</body>

</html>

The editor I used is Visual Studio Code, as usual for me and HTML.

The art is from my painting on my Flickr site here.

Advertisements

Art… of sorts

It may not stay there as a header on this site for very long, but it was good fun resurrecting my 2010 Wacom Bamboo Tablet, and finding that it worked, 4 Windows OS versions on, including pressure sensitivity.

I was particularly impressed that the 5 year old licence key for ArtRage continued to work. And as it was a mere £12.50 to upgrade from Version 2 to 4, I did so.

ArtRage01

My original thought had been to use it in my YouTube videos, but, oh, it’s just too painful.

 

WcfService: a diagram

Although I love OfficeLens, it does not yet do Black and White. CamScanner, however, does. While it is not completely black and white, you can use e.g. Paint.Net to do a magic wand selection on the “white” area, delete that selection, and use the PaintBucket to fill in the transparent area with white:

WcfService02

Here.

One thing I do not like about CamScanner is that if I want to upload to OneNote, it requires access to my Contacts, amongst others. I declined that, and instead saved to PDF.

Later…

Actually CamScanner in what they call Magic mode is great, and there is an option to mail it as a jpg. So apart from rotating in Paint.Net, this is exactly as I took it using CamScanner on my Lumia 735:

CamScanener04

and here. At the edges, you can see the brown of my desk. So it has done a great job doing the right thing with the white and the black. I therefore reluctantly am of the opinion that CS is better than OL.

Some more scribbles:

New Document 1-Page 3

and here.

The First Post

Image

A Restaurant

Le Restaurant de Nulle Part – 2B pencil drawing

Abandoned PicasaWeb as I read they have abandoned their users. WordPress is the replacement for now.

My first lesson is: “Make sure you decide on the Permalink URL – if you change that, then any edit you have previously made seems to disappear.”

All that aside, the pencil drawing should have been a painting, but I didn’t leave myself enough time. If you want to see the full version, or download it, click on the drawing.

Turns out there is a Post… and there is a Page. Latter might contain a gallery, and that seems a good candidate for storing my paintings.