{"id":29579,"date":"2000-01-02T11:11:19","date_gmt":"2000-01-02T19:11:19","guid":{"rendered":"https:\/\/www.ourstarblazers.com\/vault\/?p=29579"},"modified":"2021-01-02T11:34:57","modified_gmt":"2021-01-02T19:34:57","slug":"artvalt","status":"publish","type":"post","link":"https:\/\/www.ourstarblazers.com\/vault\/artvalt\/","title":{"rendered":"ARTVALT TEST PAGE"},"content":{"rendered":"<p><!--more--><\/p>\n<p>This test page was assembled for the purposes of targeting and solving various problems that came up when I posted sample pages.<\/p>\n<p>This test page has also been posted at my other website <a href='http:\/\/eldred.whitefoxdev.net\/test-page\/'>here<\/a>.<\/p>\n<p>If you can get this page to look exactly like that page, then all the problems should be solved. My goal is to have a situation where I could take a coded page from my other site and publish it here to get the exact same appearance with no change in coding.<\/p>\n<p>The first thing you\u2019ll notice if you open both pages and put them side by side is that some elements don\u2019t display at all in this version. Specifically, centered text. Obviously, that needs addressing.<\/p>\n<p>Next, no italics are currently recognized.<\/p>\n<p><em>This line is in italics. I use \u201cem\u201d and \u201cslash em\u201d to open and close.<\/em><\/p>\n<hr \/>\n<div class='clear'>\n<div style=\"text-align: center;\">COLOR TEXT<\/div>\n<p><\/br><\/p>\n<p><span class=\"textBlue\">This text is blue<\/span><\/p>\n<p><span class=\"textRed\">This text is red<\/span><\/p>\n<p><span class=\"textLtRed\">This text is light red<\/span><\/p>\n<p><span class=\"textLtYellow\">This text is yellow<\/span><\/p>\n<p><span class=\"textBrown\">This text is brown<\/span><\/p>\n<p><span class=\"textGreen\">This text is green<\/span><\/p>\n<p>If I add more colors in the future, I would like to use <a href='http:\/\/www.w3schools.com\/tags\/ref_colornames.asp'>this page<\/a> as coding reference.<\/p>\n<hr \/>\n<div class='clear'>\n<div style=\"text-align: center;\">HEADLINE SIZES<\/div>\n<p><\/br><\/p>\n<h2>This is an H2 headline<\/h2>\n<h3>This is an H3 headline<\/h3>\n<h2><span class=\"textBlue\">This is an H2 headline in blue<\/span><\/h2>\n<h3 style=\"color: red;\">This is an H3 headline in red<\/h3>\n<p>Something else I notice on ourstarblazers is that when these headlines render out, they dictate their own line spacing. If that\u2019s a custom function, I\u2019d like to replicate it at ARTVALT. If it\u2019s automatic, then no need for further attention.<\/p>\n<hr \/>\n<div class='clear'>\n<div style=\"text-align: center;\">PAGE FRAME SIZE<\/div>\n<p><\/br><\/p>\n<p>The width of the  current frame is too large. It should only be 950 pixels, the same as the banner I created. This accomodates a maximum \u201clive area\u201d width of 800 pixels for text and images. This matches the specs at ourstarblazers.com.<\/p>\n<p>If the current frame was widened to accomodate the menu items, then let\u2019s reduce the gaps between those words like so:<\/p>\n<p>What\u2019s New \u2022 Kids Comics \u2022 Pro Comics \u2022 Game Days \u2022 TV Cartoons \u2022 TIMDb \u2022 Mystery Grab-bag \u2022 Anime World<\/p>\n<p>OR\u2026<\/p>\n<p>What\u2019s New | Kids Comics | Pro Comics | Game Days | TV Cartoons | TIMDb | Mystery Grab-bag | Anime World<\/p>\n<hr \/>\n<div class='clear'>\n<div style=\"text-align: center;\">IMAGE DISTORTION<\/div>\n<p><\/br><\/p>\n<p>Since this is essentially an art gallery website, I will want to publish high-resolution images for a better display of the art. After some experimentation, I\u2019ve settled on a maximum of 1600 pixels wide x 150dpi.<\/p>\n<p>At ourstarblazers.com, I can publish an image like that with no distortion. I\u2019m guessing there must be something in the style sheet that recognizes and preserves the proportions of an image. Whatever that function is, it\u2019s needed here as well so we won\u2019t get this sort of distortion:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"https:\/\/www.ourstarblazers.com\/media\/jan21\/PoG14.JPG\" border=0 \/><\/p>\n<hr \/>\n<div class='clear'>\n<div style=\"text-align: center;\">GENERAL STUFF<\/div>\n<p><\/br><\/p>\n<p>This won\u2019t appear at the ourstarblazers version of this page for obvious reasons, so I\u2019ll just describe it.<\/p>\n<div style=\"text-align: center;\">LEFT\/RIGHT IMAGE PLACEMENT<\/div>\n<p><\/br><\/p>\n<p>If you look at some of the pages I test-posted, you&#8217;ll see that the function for placing pictures on the left or right isn&#8217;t working. This is not a big deal, since I&#8217;ll be raw-coding everything and bypass this function. But it may be worth fixing so it doesn&#8217;t cause future problems.<\/p>\n<div style=\"text-align: center;\">BACKGROUND WALLPAPER<\/div>\n<p><\/br><\/p>\n<p>The background wallpaper displays correctly on the home page and all the \u201cindex\u201d pages.<\/p>\n<p>However, when I open up an article page, it immediately changes size and shape. I would like it to display and tile the same on all pages regardless of content.<\/p>\n<div style=\"text-align: center;\">HOME PAGE AND LINKS<\/div>\n<p><\/br><\/p>\n<p>Please fix the spelling of \u201cEldrid\u201d on the top menu bar.<\/p>\n<p>I like seeing the graphics animate on, but I\u2019d like it to go faster. It\u2019s going to rebuild every time someone jumps back to the home page from an article, so it should take only half the current time. If it can\u2019t be sped up, we can delete this function.<\/p>\n<p>The top button doesn\u2019t currently link to anything. Should go to the \u201cWhat\u2019s New\u201d category index.<\/p>\n<p>Button at 1:00 should go directly to the \u201cWho\u2019s Tim Eldred?\u201d article, not to a category index. This should not be a category, since it will only ever be my intro page.<\/p>\n<p>Button at 6:00 should go directly to the \u201cTIMDb\u201d article, not to a category index. This should not be a category, since it will only ever be the TIMDb page.<\/p>\n<p>Button at 9:00 links directly to https:\/\/www.ourstarblazers.com\/<\/p>\n<p>Button at 10:00 links directly to https:\/\/www.greasemonkeybook.com\/<\/p>\n<p>Button at 11:00 links directly to https:\/\/pitsberg.com\/<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-29579","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.ourstarblazers.com\/vault\/wp-json\/wp\/v2\/posts\/29579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ourstarblazers.com\/vault\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ourstarblazers.com\/vault\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ourstarblazers.com\/vault\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ourstarblazers.com\/vault\/wp-json\/wp\/v2\/comments?post=29579"}],"version-history":[{"count":6,"href":"https:\/\/www.ourstarblazers.com\/vault\/wp-json\/wp\/v2\/posts\/29579\/revisions"}],"predecessor-version":[{"id":29585,"href":"https:\/\/www.ourstarblazers.com\/vault\/wp-json\/wp\/v2\/posts\/29579\/revisions\/29585"}],"wp:attachment":[{"href":"https:\/\/www.ourstarblazers.com\/vault\/wp-json\/wp\/v2\/media?parent=29579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ourstarblazers.com\/vault\/wp-json\/wp\/v2\/categories?post=29579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ourstarblazers.com\/vault\/wp-json\/wp\/v2\/tags?post=29579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}