Colt Pini

Elder Dallin H. Oaks Speech on Religious Freedom

One of the best speeches I have read on Religious Freedom. Wanted to Post to anyone that has interest.

http://www.mormonnewsroom.org/article/oaks-religious-freedom

Are Mormons Christians?

I wanted to add my thoughts on this question as a Mormon about what I believe. To me the question is a little odd, because my belief is so rooted in Christ. I think, however, that the cause of the cause of the misunderstanding is in two core doctrines. First, we believe that we are all spiritually begotten of the Father, and second that we believe that God, the Father, Jesus Christ, his Son, and the Holy Ghost are three separate and distinct persons.

So I am going to write a little about both doctrines in hopes of bringing some understanding.

First, we believe that God is our Father. This isn’t much different that some others believe. But the reason I include this as part of the question of ‘are Mormons Christians?’ is because of how it relates to Jesus Christ. God, being our Father and creator, had a first begotten, and we know that Christ is the first born of the Father.

6 And again, when he bringeth in the firstbegotten into the world, he saith, And let all the angels of God worship him. (New Testament, Hebrews, Chapter 1, emphasis added)

And also in chapter 12:

23 To the general assembly and church of the firstborn, which are written in heaven, and to God the Judge of all, and to the spirits of just men made perfect, (New Testament, Hebrews, Chapter 12, emphasis added)

We believe that Jesus Christ is literally the first born of the Father and therefore literally his Son, and are his children also.

28 For in him we live, and move, and have our being; as certain also of your own poets have said, For we are also his offspring.
29 Forasmuch then as we are the offspring of God, we ought not to think that the Godhead is like unto gold, or silver, or stone, graven by art and man’s device. (New Testament, Acts, Chapter 17)

So what does our being sons and daughters of God have to do with being Christian? Well, everything. But before I answer that questions I guess we should define what being a Christian means.

So what does it mean to be Christian? I would think that it means that a person believes, and acts upon his/her belief, that Jesus Christ is our Savior and that through him, because of his atonement, we can be like him and live with God again.

Others may feel that to be Christian we must believe in the nicene creed. On this note one of our leaders and member of the Quorum of the Twelve Apostles said:
So any criticism that The Church of Jesus Christ of Latter-day Saints does not hold the contemporary Christian view of God, Jesus, and the Holy Ghost is not a comment about our commitment to Christ but rather a recognition (accurate, I might add) that our view of the Godhead breaks with post–New Testament Christian history and returns to the doctrine taught by Jesus Himself … We declare it is self-evident from the scriptures that the Father, the Son, and the Holy Ghost are separate persons, three divine beings, noting such unequivocal illustrations as the Savior’s great Intercessory Prayer just mentioned, His baptism at the hands of John, the experience on the Mount of Transfiguration, and the martyrdom of Stephen—to name just four. (General Conference of the Church of Jesus Christ of Latter-day Saints, Oct 2007′ The only true God and Jesus Christ whom He hath sent.)

Signs

This was a fun project that I did back in the day, I came across them and remembered how much I loved them. So I am going to post them.

The idea of the project was to take a phrase and represent it as a road sign. Some of these I want to make into a t-shirt.

Being who I am I was content with just a road sign so I tried allow for an interaction between life and the road sign. I think they turned out well.

Sort Helper Files

Download the Helper files Here

Type Deseases – I think I am a combination of Typophiliac and OKD

Various forms of dysfunction appear among populations exposed to typography for long periods of time. Listed here are a number of frequently observed afflictions :

Typophilia

An excessive attachment to and fascination with the shape of letters, often to the exclusion of other interests and object choices. Typophiliacs usually die penniless and alone.

Typophobia

The irrational dislike of letterforms, often marked by a preference for icons, dingbats, and—in fatal cases—bullets and daggers. The fears of the typophobe can often be quieted (but not cured) by steady doses of Helvetica and Times Roman.

Typochondria

A persistent anxiety that one has selected the wrong typeface. This condition is often paired with okd (optical kerning disorder), the need to constantly adjust and readjust the spaces between letters.

Typothermia

The promiscuous refusal to make a lifelong commitment to a single typeface—or even to five or six, as some doctors recommend. The typothermiac is constantly tempted to test drive “hot” new fonts, often without a proper license

homo ophtalmus mainesthai

Latest scientific discovery: designers are mutating!

Anthropologists have lately revealed news about the emergence of a highly evolved branch of homo sapiens. They call it homo ophtalmus mainesthai.

This specie can be traced back to the late 19th century when the so-called graphic arts began manifesting themselves in large advertising posters by the likes of Henri Toulouse-Lautrec and Alphonse Mucha (proclaimed possible ancestors of the specie). However, some scientists presume it is more accurate to date it back the invention of movable type printing in approximately 1439 A.D. by Johannes Gutenberg.

Whichever the case, it is without doubt that the homo ophtalmus mainesthai witnessed the culmination of their evolution during the 21st century crossover, when development in computer technology was peaking (and has been peaking ever since).

In fact, the said specie has undergone a series of mutational physical changes that define it as such. Extensive studies and experiments have shown the following characteristics:

An unusual protrusion of the right side of the brain.

It is no mystery that the right side of the brain regulates artistic activities. Right-brained people are better able to work with the imagination to develop creative solutions to problems. They have a way of creating art out of thin air. “They can see all the colors of the rainbow, can distinguish the scents of blossoms in the air, and dream in color.” Now multiply that by infinity and you’ll be able to fathom the capacities that lie within the homo ophtalmus mainesthai. So much is their right brain side advanced that they make the most incoherent associations, bordering with irrationality. Some members have even been diagnosed with psychosis (symptoms include hallucinations and thought disorder). Others lose any verbal faculties and are left to venture into a world of visual abstraction.

Scientists speculate that this is their own vendetta against a society that has always favored the left side of the brain, making the core learning subjects at school Maths, Science and English.

A distinctive distortion of the eyebrows and pupils

The homo ophtalmus mainesthai have developed larger areas of binocular visions that allow them improved depth perception. They show a tremendous eye for detail bordering with ophtalmodystopiaphobia. They are horrified at the sight of a displaced millimeter (which they can detect with an evolved built-in measuring system) and manifest anxiety symptoms like sweaty palms and a higher heartbeat rate. Their x-ray-like vision is convinced that empty space holds much more than the normal human eye can see.

Their eyebrows are unusually stuck together from too much time spent scrupulously focusing on the smallest of details. However, it is yet to be confirmed that the eyebrow mutation isn’t just an attitude problem.

A distortion of the vertebral column

Viewed laterally the vertebral column of humans presents several curves, which correspond to the different regions of the column, and are called cervical, thoracic, lumbar, and pelvic.
The vertebral column of the homo ophtalmus mainesthai holds one or more singular points that break the smoothness of the curve.
Members of the specie like to joke that their column has converted anchor points or in their lexicon is Shift-Cied.

They have also mastered the art of making body sounds with their own joints and vent their DIY symphonies in their own animated works.

A 360 degree wrist rotation capacity

Enabling flowing 3D movement of the mouse, the digital pen, or the normal pen, this 360 rotation is also endowed with microscopically high precision. It is possible to move the mouse as little as 1 micro millimeter to the side to allow perfection in pixel alignment.

A desensitized nervous system

Or a highly sensitive one. Due to increased and constant stimulation of the nerves, homo ophtalmus mainesthai is characterized with a chronic condition of acute stress disorder. This is their way of dealing with the constant race with time to constantly meet deadlines. In fact, their nerves have been so overused that they have acquired the ability to easily trigger a state of daze where they quickly withdraw from the surrounding environment, to the extent of a dissociative stupor. Some of them, however, show symptoms of extreme agitation and over-activity, which results in the surrounding environment withdrawing from them.

Scientists are still keeping the specie under scrutinized examination since they have observed that its evolution is growing exponentially. There is no knowing how and what this specie will turn into.

There is word that rehabilitation centers are being created to help slow down the evolution of said homo ophtalmus mainesthai. You can help by treating them as fellow homo sapiens, in need of the stupidest forms of social interactions, of a repeated reunion with mother nature and of love.

Painting – short study.

Working in a new medium is in interesting thing, at least when I have been trying to move into digital painting. Part of the magic of painting is moving the medium around, being free, and watching the colors twist into one another, mixing only in our vision of it.

This new medium is smooth with perceptually no difference between boundaries. I can’t feel my way around a painting, I can only see it. perceived. I hope that the feeling comes with time. Now I just feel a sore wrist with the odd angles and positions I have to be in to apply the color.

I love the free feeling that Walter Rane shows in his sketches. The correct strokes seem instinctual, almost with no effort or thought before he lays the next stroke. You can’t really study that. You can only observe it.

The weight of the strokes in relation to the light creates shade without shading. Everything is so simple but conveys the idea perfectly.

Not mine, not yet anyway. I am grateful for the time with this simple drawing.

“I paint just as I breathe. When I work, I relax; not doing anything or entertaining visitors makes me tired. It’s still often 3:00 a.m. when I switch off my light.” Picasso

It’s been a while, busy-ness does that.

Here are a couple of pictures. I like them both.

And another study, This is the start of it anyway. I am learning Corel Painter. I’ll keep posting the progress.

Graduation Illustration

I just liked the way that this illustration turned out. So I wanted to post it up .

This illustration is for use with the 2NAU orientation that I am designing / developing. This is made to be a “insert face here” type of illustation with a very simple graphic.

2nau guidebook design

I am really excited about this project, it is a fun one. Here are the preliminary designs for the layout. It is interesting that, because we are doing it in a book format, that the design process is the same for a publication layout except I don’t need bleeds and slugs. I didn’t think I would be using indesign for a web layout.

Beautiful, accessible Forms

So, I have done a bit of research on forms. Trying to make them as happy as possible for design, accessibility and usability. It seems that, as important as forms are to the web, there would be some agreement or idea and the best way to accomplish this. There may be, but I didn’t find it, so I created one. This is an HTML and CSS contract to make the forms happy.

So, here is the basic HTML example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<div class="form">
<fieldset>
<legend>Main Title</legend>
<ol class="formlist">
<li>
<label>Label:</label>
<div>
<asp:textbox runat="server" id="txtExample" ></asp:textbox>
</div>
<hr />
</li>
<li class="submitcontainer">
<asp:button runat="server" id="btnExample" onClick="btnExample_OnClick" text="Submit" />
</li>
</ol>
</fieldset>
</div>

These examples are using C# so the div tag is a div class=”form” instead of just a form tag. This is because C# / asp.net uses a huge form tag the covers the whole page. I am not commenting on that at the moment maybe later.

and here is how it would render as plain HTML

There are several simple advantages to this form layout. First is the accessibility features. This taps into the screen readers default handling of fieldsets and ols to make navigation easier for them. It also has all the markup necessary, with out extras, to style up the form pretty much how ever you want it. Using the div to separate the label with the control is that you have room to do what ever you need to for the control including placing lots of controls and even embedded forms without any extra work.

There is also a way to add errors and info to the form very easily.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

<div class="form">
<fieldset>
<legend>Main Title</legend>
<ol class="formlist">
<asp:panel runat="server" id="pnlExample">
<li>
<label class="none"></label>
<asp:panel runat="server" id="pnlErrorsExample" CssClass="errors"> 
<span class="error">This is a global error message that may be displayed on error that would say, hey this form has these errors: </span>
<span class="error">You need to type something in the TextBox</span>
<span class="error">You need to click the submit button</span>
</asp:panel>
</li>
</asp:panel>
<li>
<label>Label:
<asp:RequiredFieldValidator ID="rfvExample" runat="server" ErrorMessage="This is required" Display="Dynamic" ControlToValidate="txtExample" CssClass="error">
</asp:RequiredFieldValidator>
</label>
<div>
<div class="information">
<span class="info">This describes the example here.</span>
</div>
<asp:textbox runat="server" id="txtExample" ></asp:textbox>
</div>
<hr />
</li>
<li class="submitcontainer">
<asp:button runat="server" id="btnExample" onClick="btnExample_OnClick" text="Submit" />
</li>
</ol>
</fieldset>
</div>

Again, these examples are for use with asp.net controls, but you can easily use this for any language by replacing the

and here is how this would look with no CSS:

what is good about the way that these are built is that it is very accessibility friendly. The global error message is at the front of the form, so screen readers will get to that first. Next the errors are included in the labels of the controls, so as the screen reader introduces what the control is it will also read what errors are related to the controls so the user can know what needs to be fixed without navigating around to find it.

Now lets style these up. I am going to use the theme that I have built for the administration section of NAU Extended campuses but the styles are very customizable and interchangeable.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146

.form fieldset {
margin: 0 0 1em 0;
border: 1px solid #DDF;
}

.form fieldset legend {
margin: 0 0 .5em 0;
padding: 2px .5em 0 .5em;
color: #036;
background: transparent;
font-size: 21px;
font-family: "Times New Roman", Times, serif;
}

.form ol.formlist {
padding: 0;
margin: 0;
font-size: 12px;
font-family: "Times New Roman", Times, serif;
}

.form .col {
float:left;
width: 49%;
min-width: 350px;
border-right: 1px solid #ccc;
padding-right: 15px;
}

.form .col:last-child {
border-right: none;
padding-right: 0;
}

.form li {
list-style: none;
padding: 0;
margin: 4px 2px 0 10px;
clear: both;
padding-top: 2px;
}

.form li > label {
display: block;
width: 120px;
float: left;
clear: left;
margin: 0 15px 0 0;
text-align: right;
}

.form li > label.none {
width: 0;
margin: 0;
}

.form li hr.none {
border: none;
border-bottom: 1px solid transparent;
background: transparent;
}

.form li > label span {
display: block;
}

.form li > label span[style*="inline"] {
display: block !important;
}

.form li > div {
margin: 0 0 0 140px;
padding: 0;
}

.form li > label.none + div {
margin: 0;
}

.form hr {
margin-top: 2px;
clear: both;
border: none;
border-top: 1px solid #CEE6F7;
}

.form ol > li:last-child > hr {
border: none;
border-bottom: 1px solid transparent;
}

.form .formlist textarea, .form input, .form select {
margin: 0 0 5px 0;
}

.form input[type="textbox"], .form select, .form textbox {
min-width: 100px;
}

.form .block {
display: block;
}

.form .errors {
border: 1px solid #903;
background: #F5D8D9;
padding: 5px;
margin-bottom: 5px;
}

.form .error {
font-size: 11px;
color: #903 !important;
text-align: right;
margin: 0 0 5px 0;
display: block;
}

.form .errors .error {
text-align: left;
}

.form .information {
border: 1px solid #090;
background: #ECFFD9;
padding: 5px;
margin-bottom: 5px;
}

.form .info {
font-size: 11px;
color: #030;
text-align: right;
margin: 0 0 5px 0;
display: block;
}

.form .submitcontainer {
margin: 25px 0 35px 164px;
padding: 0;
border: none;
}

.form fieldset .submitcontainer {
margin: 15px 0 35px 149px;
}

I am not going to pull apart everything in the css file, but I do want to mention that it is built to include most possible scenarios including columns.
The CSS file is also built to the standard shown in the post Css Management Standard.

Here is the basic form and the error/info form with the styles in place. You can view source and use as you would like.

Like I said this design is what is used in the Admin section of NAU EC. This way of coding up the form is extreamly customizable which is one of the reasons why it is so good. So Code, Design, and Enjoy.

So, HTML5 anyone?

Ok so I am getting ready for an HTML5 CSS3 demostration on wednesday and so I made a few demonstrations and I wanted to share them here. Go ahead and view source. Have fun.

This is to be viewed in chrome or safari, Firefox 4 might work, it uses flexbox and won’t work in a lot of browsers yet. I am going to give an image of what it is suppost to look like and then the html example. I was going to use some javascript to have it display the correct time, but then I decided not to just so that I could say here is a 100% css3 html clock. So this is a pure 100% html css clock, there are no images involved, just divs, spans, and css3.

Now the HTML:

111

102

Some Back end

update: Dyanmic Linq library

So I realized that, even though I do a lot of back end work, I haven’t put any of it here. So I am going to. I don’t really know why I don’t put much in here. I guess maybe because I don’t think many people actually look at this site, maybe I am just poor at writing stuff down and taking the time to document. Regardless I think this may be a good place for me to reference stuff so I am going to put stuff here and if other people see it then fine.

Anyway I was thinking a little about linq in c#. Now I spent a little bit of time in Java and really like some of the hibernate stuff there. So here is something that was typical. I used the stripes framework and had a little bit (OK a lotta bit of) from my brother in law. He really knows his stuff. You could say he wrote part of the book on stripes. Anyway. In stripes there is a DAO object. A really great generics dao. the great part of this is that it is built from a string so

1	List<person> people = Dao.list("Select p from Person p where p.name = ?", stringName);

Really great stuff, making sql calls from the code with no sql, just objects. So when I went into linq I thought it would be similar but it isn’t.

There is some great stuff with linq but until I can figure out this problem it will be a little more cumbersome than I want it to be. So here is what is great about the hibernate stuff. Let’s look at that call again but add something else.

1	Dao.list("Select p from Person p where p." + insertVarHere + " =?", stringName);

That is dynamic. I can look for any column with any variable because it is a string. I just need to find someway to submit the linq statement as a string and I would have it. For example in my last project I was in a position where I needed to filter a grid. There were a lot of filters going on at once so instead of having filters trump other filter I decided to put everything in one method call and use session to store all the filters. This solved everything but one little detail, the linq to do it with.

There are 8 columns and each has a set of filters, this was modled after the filter that excel does. So I can filter by the values in the cells as well as sort ascending and descending. The Grid that was used was very complex and so I built a simple gridview and added all the features myself with javascript. So again the problem. I am filtering all at once and I have 10 columns that can have filters. The linq looked like this. ‘columnName’ is the commandArgument and direction is the ‘commandName’ from the grid.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

switch (columnName)
{
case "CommentDate":
if (direction == "asc")
{
sortedNotes = from a in notesToSort
orderby a.CommentDate ascending
select a;
}
else
{
sortedNotes = from a in notesToSort
orderby a.CommentDate descending
select a;
}
break;

case "AdvisorName":
if (direction == "asc")
{
sortedNotes = from a in notesToSort
orderby a.AdvisorName ascending
select a;
}
else
{
sortedNotes = from a in notesToSort
orderby a.AdvisorName descending
select a;
}
break;

Of course that isn’t the end of the statement, but enough to get the picture. It is a switch for each of the columns. This had to be done this way because I don’t have the ability to pass the column as a string. that would have helped like this:

1
2
3

sortedNotes = @"from a in notesToSort
orderby a." + columnName + " " + direction + @"
select a";

That would have reduced about 100 lines of code. I am still trying to figure out how I could do that, feed linq as a string. Later on the same project I used something that was a little better but still not a string.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

if (filters != null)
{
if ((from advisor in filters["advisor"] select advisor).Count() > 0)
queryFiltered = queryFiltered.Where(s => (from advisor in filters["advisor"]
select advisor).Contains(s.AdvisorName));
if ((from campus in filters["campus"] select campus).Count() > 0)
queryFiltered = queryFiltered.Where(s => (from campus in filters["campus"]
select campus).Contains(s.StudentCampusDescr));
if ((from acad in filters["acad"] select acad).Count() > 0)
queryFiltered = queryFiltered.Where(s => (from acad in filters["acad"]
select acad).Contains(s.StudentPlanDescr));
if ((from contact in filters["contact"] select contact).Count() > 0)
queryFiltered = queryFiltered.Where(s => (from contact in filters["contact"]
select contact).Contains(s.ContactMethod));
if ((from commentType in filters["commentType"] select commentType).Count() > 0)
queryFiltered = queryFiltered.Where(s => (from commentType in filters["commentType"]
select commentType).Contains(s.CommentType));
if ((from commentCat in filters["commentCat"] select commentCat).Count() > 0)
queryFiltered = queryFiltered.Where(s => (from commentCat in filters["commentCat"]
select commentCat).Contains(s.CommentCategoryDescr));
}

This was a little better at doing dynamic linq, it allowed for logic inside of the linq statement and a much needed addition, but I really would like to see linq have a string feed. I think I am going to keep working on that, maybe I will have to create, somehow, one of those generic doa objects, who knows.

Oh, Ya…

Well, now that I am not teaching I can put stuff on here because I have a little more time.

So I wanted to put up some icons that I made and like. They were created for an error page on the EAN application I designed and Developed. I particularly like the 404 icon.

EAN Icon

EAN 404

EAN 401

Css Management Standard

This is a really good system for managing system wide css. CSS_Management_standards

I have a few alternates to it in the form of putting page specific css. In the standard, for organization sake, I am including page level css in the head of the document. An alternate to this is to move it to an external page. Both have large benefits. The first deals with organization, with lots of files comes lots of management needs. The second allows for caching and more granular @imports.

Anyway. This has proved very well through my projects and thought I could offer some Ideas out there.

Electronic Advising Notebook

The Electronic Advising Notebook is a very fun project. I was able to start the project with an ai file and an old system. Through several stages I took this project to mach-up to basic prototype to full scale system. The comment grid system needed a lot more functionality then I could get out of any control so I needed to hand code the javascript/html/css to get the right results. The whole project is line after line of custom javascript/jQuery. I designed the user interface to fit in several different “wrappers” to fit in and stand out.

The backend is build in C# and we used a lot of linq with generics. Great combination. This has been a really fun project to work on. I may find some post dealing with the components created in the system such as custom, generic modal windows.

Illustration, first

well, Here is an illustration that I worked on for about an hour. I found an illustrator that I liked the style and tried to learn from it. Those of you whom I have talked to about my illustration know that I have had a hard time doing an illustration because of my background as a fine artist. I have spent years training myself to draw what I see and to remove “symbols” from my drawings. Well Here I am trying to take what I see and create symbols, this has been a real challenge and this illustration is about a year in the making, I know it may not seem like much, but to me it is a landmark.

Colt Pinithe stuff of Colt Pini