Commit 41042a37 authored by Pat David's avatar Pat David

Clean more inline 'style=' for CSP migration

Manually cleaned up many inline styles on elements in preparation
for being CSP compliant.  Almost there...
parent 92132107
......@@ -13,7 +13,7 @@ Don't send any private or sensitive information!
<dl>
<dt><a href="https://mail.gnome.org/mailman/listinfo/gimp-user-list"><strong>GIMP User</strong></a></dt>
<dd><span style='font-weight: 400; font-style: italic;'>This is the main list for questions about using GIMP.</span><br>
<dd><strong><em>This is the main list for questions about using GIMP.</em></strong><br>
The original (mostly unix based) user list. For the everyday user.
Here you will find tips for doing cool effects, user questions, etc.<br>
Archives:
......
......@@ -234,8 +234,3 @@ The main page links go to legacy WGO, the link icon (if there) will go to the po
<http://www.gimp.org/windows/index.html> (Obsoleted? Directs to downloads page...)
<style>
a {
word-break: break-all;
}
</style>
......@@ -50,230 +50,3 @@ Here are the services that I currently have working:
## Twitter (GIMP Mentions)
</div>
<style>
#FBOut figure,
#FBTagged figure {
max-width: 34rem;
max-width: 50%;
}
.FBData, .TData {
margin-bottom: 3rem;
font-size: 0.85rem;
}
.FBData img, .TData img {
max-width: 50%;
}
.FBDate, .TDate {
display: block;
margin: 0 auto;
max-width: 34rem;
border-bottom: dashed 1px #ccc;
margin-bottom: 0.5rem;
}
.FBMore, .TMore {
text-align: right;
max-width: 34rem;
margin: 0 auto;
font-size: 0.75rem;
margin-top: -1rem;
}
#FBTagged, #TwitterMentions {
background-color: #f7f7f7;
}
</style>
<script type='text/javascript'>
function doFB(rsp, type){
console.log( rsp );
console.log( type );
for( var i = 0; i < rsp.data.length; i++ ){
var thisPost = rsp.data[i];
var post = document.createElement('div');
post.className = 'FBData';
if( thisPost.updated_time ){
var d = new Date( thisPost.updated_time );
var fblink = document.createElement('a');
fblink.href = "https://www.facebook.com/permalink.php?story_fbid=";
fblink.href += thisPost.id.split('_')[1] + "&id=";
fblink.href += thisPost.id.split('_')[0];
var dated = document.createElement('span');
dated.className = 'FBDate';
if( type == 'posts' ){
fblink.innerHTML = "FB Post ";
}else if(type == 'tagged' ){
//fblink.innerHTML = "FB Tagged ";
}
fblink.innerHTML += d.getFullYear() +'-'+ ("0" + (d.getMonth() + 1)).slice(-2) +'-';
fblink.innerHTML += ("0" + d.getDate()).slice(-2);
if( type == 'tagged' && thisPost.from ){
fblink.innerHTML += " by "+ thisPost.from.name;
fblink.innerHTML += " <i class='fa fa-facebook-official' style='float:right;font-size:1.25rem;'></i>";
}else if( type == 'posts' ){
fblink.innerHTML += " <i class='fa fa-facebook-official' style='float:right;font-size:1.25rem;'></i>";
}
dated.appendChild( fblink );
post.appendChild( dated );
}
if( thisPost.message ){
var msg = document.createElement('p');
msg.innerHTML = thisPost.message.replace(/(?:\r\n|\r|\n)/g, '<br />');
post.appendChild( msg );
}else if( thisPost.story ){
var msg = document.createElement('p');
msg.innerHTML = thisPost.story;
post.appendChild( msg );
}
if( thisPost.full_picture ){
var fig = document.createElement('figure');
var pic = document.createElement('img');
pic.src = thisPost.full_picture;
if( thisPost.type == 'link' && thisPost.name && thisPost.link ){
var thislink = document.createElement('a');
thislink.href = thisPost.link;
thislink.appendChild( pic );
fig.appendChild( thislink );
post.appendChild( fig );
}else{
fig.appendChild( pic );
post.appendChild( fig );
}
}
if( thisPost.type == 'link' && thisPost.name && thisPost.link ){
var sharelink = document.createElement('p');
var linker = document.createElement('a');
linker.href = thisPost.link;
linker.innerHTML = thisPost.name;
sharelink.appendChild( linker );
post.appendChild( sharelink );
}
if( fblink ){
var readmore = document.createElement('div');
readmore.className = 'FBMore readmore';
var morelink = document.createElement('a');
morelink.href = fblink.href;
morelink.innerHTML = 'Read More &rarr;';
readmore.appendChild( morelink );
post.appendChild( readmore );
}
if( type == 'posts' ){
document.getElementById('FBOut').appendChild( post );
}else if( type == 'tagged' ){
document.getElementById('FBTagged').appendChild( post );
}
}
}
function doFBPosts( rsp ){
doFB(rsp, 'posts');
}
function doFBTagged( rsp ){
doFB(rsp, 'tagged');
}
function doTwitter( rsp, type ){
console.log( rsp );
console.log( type );
for( var i = 0; i < rsp.statuses.length; i++ ){
var thisPost = rsp.statuses[i];
var post = document.createElement('div');
post.className = 'TData';
if( thisPost.created_at ){
var d = new Date( thisPost.created_at );
var link = document.createElement('a');
link.href='https://twitter.com/GIMP_Official/status/' + thisPost.id_str;
var dated = document.createElement('span');
dated.className = 'TDate';
link.innerHTML = "";
link.innerHTML += d.getFullYear() +'-'+ ("0" + (d.getMonth() + 1)).slice(-2) +'-';
link.innerHTML += ("0" + d.getDate()).slice(-2);
link.innerHTML += " by ";
if( thisPost.user.name !== thisPost.user.screen_name ){
link.innerHTML += thisPost.user.name +' ';
}
if( thisPost.user.screen_name !== 'GIMP_Official' ){
link.innerHTML += "<span style='color: #666;'>@"+ thisPost.user.screen_name +"</span>";
}
link.innerHTML += " <i class='fa fa-twitter' style='float:right;font-size:1.25rem;'></i>";
dated.appendChild( link );
post.appendChild( dated );
}
if( thisPost.text ){
var msg = document.createElement('p');
msg.innerHTML = thisPost.text.replace(/(?:\r\n|\r|\n)/g, '<br />');
if( thisPost.entities.media ){
for( var j = 0; j < thisPost.entities.media.length; j++ ){
var thisMedia = thisPost.entities.media[j];
if( thisMedia.type == 'photo' ){
msg.innerHTML += "<br><img src='" + thisMedia.media_url_https + "' alt='Twitter Image'>";
}
}
}
post.appendChild( msg );
}
if( type == 'posts' ){
document.getElementById('TwitterOut').appendChild( post );
}else if( type == 'mentions' ){
document.getElementById('TwitterMentions').appendChild( post );
}
}
}
function doTwitterPosts( rsp ){
doTwitter( rsp, 'posts' );
}
function doTwitterMentions( rsp ){
doTwitter( rsp, 'mentions' );
}
</script>
<!--
Thanks to twitter I had to host a bridge on pixls.us to query the information using curl.
This _could_ be re-written to use Python and possibly host on pentagon, but this should
be fine for right now.
-->
<script async src="https://pixls.us/gt/fb.php?callback=doFBPosts"></script>
<script async src="https://pixls.us/gt/fbtagged.php?callback=doFBTagged"></script>
<script async src="https://pixls.us/gt/gt.php?callback=doTwitterPosts"></script>
<script async src="https://pixls.us/gt/gtto.php?callback=doTwitterMentions"></script>
......@@ -113,9 +113,3 @@ Once that is done, the `Title` attribute can be different between the two files
lang: fr
slug: creating-translations
<style>
.codehilite .err {
border: none;
}
</style>
......@@ -9,7 +9,7 @@ Summary:
At the end of July 1995, Peter Mattis posted a message in several newsgroups related to X11 and Linux application development, asking two questions and giving hints about an interesting program...
<pre style='font-size: 0.75rem; white-space: pre-wrap; border: solid 1px #ccc; padding: 1rem;'>
<pre class='mail'>
<b>From:</b> Peter Mattis
<b>Subject:</b> Image Manipulation Program Features
<b>Date:</b> 1995-07-29
......@@ -31,7 +31,7 @@ Thanks in advance,
Two weeks before, he was mentioning some program using plug-ins...
<pre style='font-size: 0.75rem; white-space: pre-wrap; border: solid 1px #ccc; padding: 1rem;'>
<pre class='mail'>
<b>From:</b> Peter Mattis
<b>Subject:</b> Re: Best way to write plug-ins?
<b>Date:</b> 1995-07-16
......@@ -74,7 +74,7 @@ Peter Mattis
And then in November comes the first announcement of a beta release of the General Image Manipulation Program, "The GIMP" (later renamed to just "GIMP").
<pre style='font-size: 0.75rem; white-space: pre-wrap; border: solid 1px #ccc; padding: 1rem;'>
<pre class='mail'>
<b>From:</b> Peter Mattis
<b>Subject:</b> ANNOUNCE: The GIMP
<b>Date:</b> 1995-11-21
......@@ -159,7 +159,7 @@ precise details on how it can be reliably reproduced.
GIMP 0.54, the (in)famous Motif release, is announced in February 1996.
<pre style='font-size: 0.75rem; white-space: pre-wrap; border: solid 1px #ccc; padding: 1rem;'>
<pre class='mail'>
<b>From:</b> Peter Mattis
<b>Subject:</b> The GIMP v0.54 -- General Image Manipulation Program
<b>Date:</b> 1996-02-15
......
......@@ -4,11 +4,7 @@ Modified: 2015-08-17T11:09:40-05:00
Authors: Pat David
Status: hidden
<a href="https://bugzilla.gnome.org/enter_bug.cgi?product=GIMP" title="Report a bug for GIMP!"
style="
font-weight: bold;
font-size: 1.2rem;
">
<a href="https://bugzilla.gnome.org/enter_bug.cgi?product=GIMP" title="Report a bug for GIMP!" class='reportBug'>
Report a bug here!
</a>
......@@ -18,7 +14,7 @@ Report a bug here!
<input type="hidden" name="product" value="GIMP" />
<input type="hidden" name="list_id" value="91665"/>
<label>Search for an existing bug:<br/>
<input type="text" name="short_desc" placeholder="e.g.: 'font loading'" style='width: 50%; padding-left: 0.2rem;' /></label>
<input type="text" name="short_desc" placeholder="e.g.: 'font loading'" id='bugInput' /></label>
<input type="submit" value="Submit"/>
</form>
......
......@@ -36,7 +36,7 @@ Many thanks to all our [sponsors](sponsors.html)!
<iframe frameborder="0" height="420" src="//tools.flattr.net/widgets/thing.html?thing=707850" width="292"></iframe>
</p>
<a class="FlattrButton" style=""
<a class="FlattrButton"
title="Click to Flattr GIMP"
data-flattr-uid="schumaml"
data-flattr-popout="1"
......
......@@ -4,11 +4,6 @@ Modified: 2015-08-17T11:31:42-05:00
Authors: Pat David
Status: hidden
<style>
dt {
font-family: monospace;
}
</style>
[Table of Contents](#toc)
......@@ -18,7 +13,7 @@ gimp-remote - tells a running GIMP to open a (local or remote) image file.
## [Synopsis](#toc1)
<span style="font-family: monospace;" markdown="1">
<span class="man" markdown="1">
**gimp&#8209;remote** [&#8209;h] [&#8209;&#8209;help] [&#8209;v] [&#8209;&#8209;version] [&#8209;&#8209;display _display_] [&#8209;e] [&#8209;&#8209;existing] [&#8209;q] [&#8209;&#8209;query] [&#8209;s] [&#8209;&#8209;no&#8209;splash] [&#8209;p] [&#8209;&#8209;print&#8209;xid] _filename_ ...
</span>
......@@ -34,7 +29,7 @@ If you are using GIMP on Linux or another platform with the D-Bus message bus sy
_gimp-remote_ accepts the following options:
<dl>
<dl class='man'>
<dt>-h, --help</dt>
......
......@@ -4,11 +4,6 @@ Modified: 2015-08-17T11:31:42-05:00
Authors: Pat David
Status: hidden
<style>
dt {
font-family: monospace;
}
</style>
[Table of Contents](#toc)
......@@ -19,12 +14,12 @@ gimp - an image manipulation and paint program.
## [Synopsis](#toc1)
<span style="font-family: monospace;" markdown="1">
<span class="man" markdown="1">
**gimp** [&#8209;h] [&#8209;&#8209;help] [&#8209;&#8209;help&#8209;all] [&#8209;&#8209;help&#8209;gtk] [&#8209;v] [&#8209;&#8209;version] [&#8209;&#8209;license] [&#8209;&#8209;verbose] [&#8209;n] [&#8209;&#8209;new&#8209;instance] [&#8209;a] [&#8209;&#8209;as&#8209;new] [&#8209;i] [&#8209;&#8209;no&#8209;interface] [&#8209;d] [&#8209;&#8209;no&#8209;data] [&#8209;f] [&#8209;&#8209;no&#8209;fonts] [&#8209;s] [&#8209;&#8209;no&#8209;splash] [&#8209;&#8209;no&#8209;shm] [&#8209;&#8209;no&#8209;cpu&#8209;accel] [&#8209;&#8209;display&nbsp;_display_] [&#8209;&#8209;session&nbsp;_&lt;name&gt;_] [&#8209;g] [&#8209;&#8209;gimprc&nbsp;_&lt;gimprc&gt;_] [&#8209;&#8209;system&#8209;gimprc&nbsp;_&lt;gimprc&gt;_] [&#8209;&#8209;dump&#8209;gimprc] [&#8209;&#8209;console&#8209;messages] [&#8209;&#8209;debug&#8209;handlers] [&#8209;&#8209;stack&#8209;trace&#8209;mode&nbsp;_&lt;mode&gt;_] [&#8209;&#8209;pdb&#8209;compat&#8209;mode&nbsp;_&lt;mode&gt;_] [&#8209;&#8209;batch&#8209;interpreter&nbsp;_&lt;procedure&gt;_] [&#8209;b] [&#8209;&#8209;batch&nbsp;_&lt;command&gt;_] [_filename_] ...
</span>
<!--
If you're reading this, I'm sorry for what you see above. It's a man page formatting. HTML makes a mess of it.
And raw man pages suck, imo. Here's what I did:
And raw man pagstyle="font-family: monospace;es suck, imo. Here's what I did:
1. Wrap it in a span, set the font family to mono.
2. escape all brackets (not sure I need this).
3. replace all "<" and ">" with &lt; and &gt;
......@@ -48,7 +43,7 @@ On platforms with the D-Bus message bus system, GIMP will by default check if an
GIMP accepts the following options:
<dl>
<dl class='man'>
<dt>-h, --help</dt>
......
......@@ -4,11 +4,6 @@ Modified: 2015-08-17T11:31:42-05:00
Authors: Pat David
Status: hidden
<style>
dt {
font-family: monospace;
}
</style>
[Table of Contents](#toc)
......@@ -24,7 +19,7 @@ Comments are introduced by a hash sign (#), and continue until the end of the li
The **gimprc** file associates values with properties. These properties may be set by lisp-like assignments of the form:
<dl>
<dl class='man'>
<dt><em><strong>(property-name value)</strong></em></dt>
......@@ -275,7 +270,7 @@ When enabled, the selected font will be used for all tools. Possible values are
<dt>(default-image</dt>
<dd>
<pre style="font-size: 0.85rem;">
<pre class='gimprcsmall'>
(width 640)
(height 400)
(unit pixels)
......@@ -293,7 +288,7 @@ Sets the default image in the "File/New" dialog. This is a parameter list.
<dt>(default-grid</dt>
<dd><pre style="font-size: 0.85rem;">
<dd><pre class='gimprcsmall'>
(style solid)
(fgcolor (color-rgba 0.000000 0.000000 0.000000 1.000000))
(bgcolor (color-rgba 1.000000 1.000000 1.000000 1.000000))
......@@ -399,7 +394,7 @@ Generally only a concern for 8-bit displays, this sets the minimum number of sys
<dt>(color-management</dt>
<dd><pre style="font-size:0.85rem;">
<dd><pre class='gimprcsmall'>
(mode display)
(display-profile-from-gdk no)
(display-rendering-intent perceptual)
......@@ -539,7 +534,7 @@ When enabled, the mouse pointer will be shown over the image while using a paint
Sets the text to appear in image window titles. This is a format string; certain % character sequences are recognised and expanded as follows:
<pre style="font-size: 0.85rem;">
<pre class='gimprcsmall'>
%% literal percent sign
%f bare filename, or "Untitled"
%F full path to file, or "Untitled"
......@@ -574,7 +569,7 @@ Sets the text to appear in image window titles. This is a format string; certain
Sets the text to appear in image window status bars. This is a format string; certain % character sequences are recognised and expanded as follows:
<pre style="font-size:0.85rem;">
<pre class='gimprcsmall'>
%% literal percent sign
%f bare filename, or "Untitled"
%F full path to file, or "Untitled"
......@@ -646,7 +641,7 @@ Sets the size of the navigation preview available in the lower right corner of t
<dt>(default-view</dt>
<dd>
<pre style="font-size: 0.85rem;">
<pre class='gimprcsmall'>
(show-menubar yes)
(show-rulers yes)
(show-scrollbars yes)
......@@ -667,7 +662,7 @@ Sets the default settings for the image view. This is a parameter list.
<dt>(default-fullscreen-view</dt>
<dd>
<pre style="font-size: 0.85rem;">>
<pre class='gimprcsmall'>>
(show-menubar yes)
(show-rulers yes)
(show-scrollbars yes)
......
......@@ -4,11 +4,6 @@ Modified: 2015-08-17T11:31:42-05:00
Authors: Pat David
Status: hidden
<style>
dt {
font-family: monospace;
}
</style>
[Table of Contents](#toc)
......@@ -18,7 +13,7 @@ gimptool-2.0 - script to perform various GIMPy functions
## [Synopsis](#toc1)
<span style="font-family: monospace;" markdown="1">
<span class="man" markdown="1">
**gimptool&#8209;2.0** [&#8209;&#8209;prefix_[=DIR]_] [&#8209;&#8209;exec&#8209;prefix_[=DIR]_] [&#8209;&#8209;version] [&#8209;&#8209;help] [&#8209;&#8209;quiet] [&#8209;&#8209;silent] [&#8209;n] [&#8209;&#8209;just&#8209;print] [&#8209;&#8209;dry&#8209;run] [&#8209;&#8209;recon] [&#8209;&#8209;msvc&#8209;syntax] [&#8209;&#8209;bindir] [&#8209;&#8209;sbindir] [&#8209;&#8209;libexecdir] [&#8209;&#8209;datadir] [&#8209;&#8209;sysconfdir] [&#8209;&#8209;sharedstatedir] [&#8209;&#8209;localstatedir] [&#8209;&#8209;libdir] [&#8209;&#8209;infodir] [&#8209;&#8209;mandir] [&#8209;&#8209;includedir] [&#8209;&#8209;gimpplugindir] [&#8209;&#8209;gimpdatadir] [&#8209;&#8209;libs] [&#8209;&#8209;libs&#8209;noui] [&#8209;&#8209;cflags] [&#8209;&#8209;cflags&#8209;noi] [&#8209;&#8209;build&nbsp;_plug&#8209;in.c_] [&#8209;&#8209;build&#8209;strip&nbsp;_plug&#8209;in.c_] [&#8209;&#8209;install&nbsp;_plug&#8209;in.c_] [&#8209;&#8209;install&#8209;strip&nbsp;_plug&#8209;in.c_] [&#8209;&#8209;install&#8209;admin&nbsp;_plug&#8209;in.c_] [&#8209;&#8209;install&#8209;bin&nbsp;_plug&#8209;in_] [&#8209;&#8209;install&#8209;admin&#8209;strip&nbsp;_plug&#8209;in.c_] [&#8209;&#8209;install&#8209;bin&#8209;strip&nbsp;_plug&#8209;in_] [&#8209;&#8209;install&#8209;admin&#8209;bin&nbsp;_plug&#8209;in_] [&#8209;&#8209;install&#8209;script&nbsp;_script.scm_] [&#8209;&#8209;install&#8209;admin&#8209;script&nbsp;_script.scm_] [&#8209;&#8209;uninstall&#8209;bin&nbsp;_plug&#8209;in_] [&#8209;&#8209;uninstall&#8209;admin&#8209;bin&nbsp;_plug&#8209;in_] [&#8209;&#8209;uninstall&#8209;script&nbsp;_script.scm_] [&#8209;&#8209;uninstall&#8209;admin&#8209;script&nbsp;_script.scm_]
</span>
......@@ -32,7 +27,7 @@ gimptool-2.0 - script to perform various GIMPy functions
<em>gimptool-2.0</em> accepts the following options:
<dl>
<dl class='man'>
<dt>--version</dt>
......
......@@ -4,7 +4,7 @@ Category: News
Authors: Pat David
Summary: Join us April 15-18 at the 11th annual Libre Graphics Meeting being hosted by Westminster School of Media Arts and Design in London, UK! Come and meet developers of free graphics software, participate in a workshop, and collaborate with other visual artists who choose to work in free software.
<a style='float: right; margin: 0 0 0.5rem 0.5rem;' href='https://pledgie.com/campaigns/30935'><img alt='Click here to lend your support to: Libre Graphics Meeting 2016 - London and make a donation at pledgie.com !' src='https://pledgie.com/campaigns/30935.png?skin_name=chrome' border='0' ></a>
<a class='pledgieRight' href='https://pledgie.com/campaigns/30935'><img alt='Click here to lend your support to: Libre Graphics Meeting 2016 - London and make a donation at pledgie.com !' src='https://pledgie.com/campaigns/30935.png?skin_name=chrome' border='0' ></a>
_Join us_ **April 15-18** at the 11th annual [**Libre Graphics Meeting**][lgm] (LGM) hosted by the [Westminster School of Media Arts and Design][westminster], University of Westminster, in London, UK.
Come and meet developers of free graphics software, participate in a workshop, or collaborate with other visual artists who choose to work in [free software][].
......@@ -21,7 +21,7 @@ There's also an opportunity to meet some of the GIMP team as well!
This year the host is the [Westminster School of Media Arts and Design][westminster], University of Westminster at their Harrow Campus:
<a href='https://www.westminster.ac.uk/' title='University of Westminster'>
<img src='{filename}UoW-logo.jpg' alt='University of Westminster Logo' style='width:50%;' width='326' height='78' />
<img src='{filename}UoW-logo.jpg' alt='University of Westminster Logo' width='326' height='78' />
</a>
Harrow Campus
......@@ -31,13 +31,13 @@ Middlesex
HA1 3TP
<div class='fluid-video' markdown=1>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-0.3714752197265625%2C51.550444854394286%2C-0.27611732482910156%2C51.60506465084748&amp;layer=mapnik&amp;marker=51.57776295788465%2C-0.32379627227783203" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=51.5778&amp;mlon=-0.3238#map=14/51.5778/-0.3238">View Larger Map</a></small>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-0.3714752197265625%2C51.550444854394286%2C-0.27611732482910156%2C51.60506465084748&amp;layer=mapnik&amp;marker=51.57776295788465%2C-0.32379627227783203" ></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=51.5778&amp;mlon=-0.3238#map=14/51.5778/-0.3238">View Larger Map</a></small>
</div>
If you are unable to join us at the meeting, please [consider donating something][pledgie] to help offset the costs of project participants to make the trip out to collaborate with so many other awesome projects!
LGM has a [Pledgie campaign][pledgie] running to assist with travel costs for participants:
<a style='display:block; text-align: center;' href='https://pledgie.com/campaigns/30935'><img alt='Click here to lend your support to: Libre Graphics Meeting 2016 - London and make a donation at pledgie.com !' src='https://pledgie.com/campaigns/30935.png?skin_name=chrome' border='0' ></a>
<a href='https://pledgie.com/campaigns/30935'><img alt='Click here to lend your support to: Libre Graphics Meeting 2016 - London and make a donation at pledgie.com !' src='https://pledgie.com/campaigns/30935.png?skin_name=chrome' border='0' ></a>
Funds from their Pledgie go towards helping contributors from all around the world converge at the meeting to share and present their work with others.
......
......@@ -8,7 +8,7 @@ Status: hidden
Many devices you use in your design or photography workflow, like digital photo cameras, scanners, displays, printers etc., have their own color reproduction characteristics. If those are not taken into account during opening, editing and saving, harmful adjustments can be done to images. With GIMP 2.4 this has changed: now you can have reliable output for both Web and print.
<figure>
<img src="{filename}images/color-management.png" alt="color management" style="background-color: #2e3436;"/>
<img src="{filename}images/color-management.png" alt="color management" class='graybackground' />
</figure>
## Color Managed Workflow
......
......@@ -4,18 +4,6 @@ Modified: 2015-08-17T15:38:12-05:00
Authors: Pat David
Status: hidden
<style>
table {
max-width: 40rem;
font-size: 0.85rem;
margin: 1rem auto;
}
table td {
padding: 0.25rem;
border: solid 1px #eee;
}
</style>
The official distribution of GIMP is the source code, distributed in tar files from the GIMP FTP site and its [mirrors](/downloads/#mirrors). The same source code can be compiled to create binaries for different platforms such as [GNU/Linux](/unix/), [Microsoft Windows](/windows/), [Mac OS X](/macintosh/), [Solaris](/unix/) and many others.
......@@ -46,7 +34,7 @@ All requirements below must be met to be able compiling GIMP from source. This l
### Stable version 2.8.x
<table markdown='span' >
<table markdown='span' class='gimpfromsrc'>
<tbody>
<tr>
<th>Package</th>
......@@ -121,7 +109,7 @@ To find out more about GIMP development, [http://wiki.gimp.org/](http://wiki.gim
To make it easy for you to understand how to get GIMP and what is required to run GIMP, the list of packages has been done below. Not only is the list for the required packages but also for the packages that can be added to support other things like fileformats etc.
<table markdown="span">
<table markdown="span" class='gimpfromsrc'>
<tbody>
<tr>
<th>Package</th>
......
.toc > ul {
list-style-type: decimal;
}
.toc > ul > li {
margin-top: 0;
}
.toc li ul {
margin-bottom: 1rem;
}
.toc > ul > li > ul {
list-style-type: upper-alpha;
}
.toc > ul > li > ul > li > ul {
list-style-type: lower-roman;
}
table {
max-width: 40rem;
font-size: 0.85rem;
margin: 1rem auto;
}
table td {
padding: 0.25rem;
border: solid 1px #eee;
}
......@@ -14,23 +14,7 @@ Template: page_author
## Table of Contents
<style>
.toc > ul {
list-style-type: decimal;
}
.toc > ul > li {
margin-top: 0;
}
.toc li ul {
margin-bottom: 1rem;
}
.toc > ul > li > ul {
list-style-type: upper-alpha;
}
.toc > ul > li > ul > li > ul {
list-style-type: lower-roman;
}
</style>
<link rel='stylesheet' type='text/css' href='index.css' />
<!-- Yes, it's a hot mess. -->
[TOC]
......@@ -137,7 +121,7 @@ A final thing that we need to talk about that is not a 'category' of execution b
* An architectural advantage is we create this list with a function that reads a configuration file. We only have to define and maintain this configuration list in one place within our system and use the resulting list in as many places as we want by calling a reading function. This is how we will get new macros to show up in the menus when we add them.
* The following skeletal code fragments illustrate defining a list 'cmdList' at the top level – 'main', and using it within the registration block and function. Because it is defined at the ‘main’ level, we can reference it within the function and registration block. We can recover the argument from the index (passed by the widget) because we are using the same list in both places:
<span style="font-style: italic">Example - Lists and Scope in Functions</span>
*Example - Lists and Scope in Functions*
cmdList = cmdrReadObj.CommanderMacros()
#
......@@ -216,7 +200,7 @@ The keyword will determine both the “tag” associated with the line of pseudo
After all of the \*.def files are read into the tree and written back out in the form of an XML file, the formatting is done. Writing out a tree automatically generates all of the containing enclosures, essentially making properly formatting the XML a trivial task. The fragment from combinedCommander.xml illustrates the XML from the pseudo code in NormalGridCanvas.def.
<span style="font-style: italic">Example - combinedCommander.xml (fragment)</span>
*Example - combinedCommander.xml (fragment)*
<combined>
Definition
......@@ -428,20 +412,8 @@ The Flow Control Parasites provide a method to make each image “self aware”
Let's examine the steps of the “Standard” flow example that is included with this tutorial. The steps the image will go through are:
<span style="font-style: italic">Example – States or Steps in the Standard Flow Example</span>
*Example – States or Steps in the Standard Flow Example*
<style>
table {
max-width: 40rem;
font-size: 0.85rem;
margin: 1rem auto;
}
table td {
padding: 0.25rem;
border: solid 1px #eee;
}
</style>
<table>
<tbody>
......
......@@ -5,11 +5,7 @@ Author: Pat David
Template: page_author
<noscript>
<style>
.comp {
width: 450px;
}
</style>
<link rel='stylesheet' type='text/css' href='index.css' />
</noscript>
<small>
......@@ -70,7 +66,7 @@ So now let’s see what goes into making up your pixel:
<figure>
<img src="{filename}curves-your-pixel-info.png" alt="GIMP Color Picker Pixel View" >
<figcaption>
The RGB components that mix into your final <span style="color: #7ba3ce;">blue pixel</span>.
The RGB components that mix into your final <span class='tBrightBlue'>blue pixel</span>.
</figcaption>
</figure>
......@@ -103,7 +99,7 @@ In the main area of the dialog I am presented with a linear curve, behind which
<img src="{filename}curves-dialog-original-IO.png" alt="GIMP Base Curves Dialog Input Output" />
</figure>
What we can do right now is to adjust the values of each pixel in the image using this curve. The best way to visualize it is to remember that the bottom range from black to white represents the <span style="color: #0000ff">**_current_** value of the pixels</span>, and the left range is the <span style="color: #ff6f00">value to be mapped to</span>.
What we can do right now is to adjust the values of each pixel in the image using this curve. The best way to visualize it is to remember that the bottom range from black to white represents the <span class='tBrightBlue'>**_current_** value of the pixels</span>, and the left range is the <span class='tOrange'>value to be mapped to</span>.
So to show an example of how this curve will affect your image, suppose I wanted to remap all the values in the image that were in the midtones, and to make them all lighter. I can do this by clicking on the curve near the midtones, and dragging the curve higher in the Y direction:
......@@ -111,12 +107,12 @@ So to show an example of how this curve will affect your image, suppose I wanted
<img src="{filename}curves-dialog-midtones.png" alt="GIMP Base Curves Dialog Push Midtones" />
</figure>
What this curve does is takes the values around the midtones, and pushes their values to be much lighter than they were. In this case, values around <span style="color: #0000ff">128</span> were re-mapped to now be closer to <span style="color: #ff6f00">192</span>.
What this curve does is takes the values around the midtones, and pushes their values to be much lighter than they were. In this case, values around <span class='tBrightBlue'>128</span> were re-mapped to now be closer to <span class='tOrange'>192</span>.
Because the curve is set **Smooth**, there will be a gradual transition for all the tones surrounding my point to be pulled in the same direction (this makes for a smoother fall-off as opposed to an abrupt change at one value). Because there is only a single point in the curve right now, this means that all values will be pulled higher.
<figure>
<noscript><img alt="Hollow Moon Example" class="comp" src="{FILENAME}flickr-qsimple-5636649561-original.jpg" /></noscript>
<noscript><img alt="Hollow Moon Example" class="comp" src="{filename}flickr-qsimple-5636649561-original.jpg" /></noscript>
<img class="comp" alt="Hollow Moon Example Pushed Midtones" data-swap-src="{filename}flickr-qsimple-5636649561-original.jpg" src="{filename}flickr-qsimple-5636649561-mid-boostl.jpg" />
<figcaption>
The results of pushing the midtones of the value curve higher<br/>
......@@ -154,7 +150,7 @@ In general, I find it easiest to visualize in terms of which regions in the curv
If there is one thing you take away from reading this, let it be the image above.
## Curves: <span style="color:red;">Co</span><span style="color:green;">lo</span><span style="color:blue;">rs</span>[](#curves-span-style-color-red-co-span-span-style-color-green-lo-span-span-style-color-blue-rs-span-)
## Curves: <span class='tRed'>Co</span><span class='tGreen'>lo</span><span class='tBlue'>rs</span>[](#curves-span-style-color-red-co-span-span-style-color-green-lo-span-span-style-color-blue-rs-span-)
So how does this apply to other channels? Let’s have a look.
......@@ -200,7 +196,7 @@ Well, there’s no “Yellow” curve to modify, so how to approach that? Have a
The thing to look out for here is that opposite your blue tones on this wheel, you’ll find yellow. In fact, for each of the Red, Green, and Blue channels, the opposite colors on the color wheel will show you what an absence of that color will do to your image. So remember:
<div style="text-align: center;"><span style="color: red;">Red</span><span style="color: cyan;">Cyan</span></span><br/><span><span style="color: green;">Green</span><span style="color: magenta;">Magenta</span></span><br/><span><span style="color: blue;">Blue</span><span style="color: yellow;">Yellow</span></div>
<div "text-align: center;"><span class='tRed'>Red</span><span class='tCyan'>Cyan</span></span><br/><span><span class='tGreen'>Green</span><span class='tMagenta'>Magenta</span></span><br/><span><span class='tBlue'>Blue</span><span class='tYellow'>Yellow</span></div>
What this means to you while manipulating curves is that if you drag a curve for blue up, you will boost the blue in that region of your image. If instead you drag the curve for blue down, you will be **_removing_** blues (or boosting the **Yellows** in that region of your image).