dpilafian/web-baseline.html

## web-baseline.html
<!doctype html>
<!-- - - - - - - - -->
<!-- Website info  -->
<!-- WTFPL         -->
<!-- - - - - - - - -->
<html lang=en>
<head>
   <meta charset=utf-8>
   <meta name=viewport                   content="width=device-width, initial-scale=1">
   <meta name=robots                     content="index, follow">
   <meta name=description                content="[DESCRIPTION]">
   <meta name=apple-mobile-web-app-title content="[SHORT-TITLE]">
   <meta name=twitter:card               content="summary_large_image">
   <meta name=twitter:title              content="[TITLE]">
   <meta name=twitter:description        content="[DESCRIPTION]">
   <meta property=og:title               content="[TITLE]">
   <meta property=og:description         content="[DESCRIPTION]">
   <meta property=og:type                content="website">
   <meta property=og:image               content="https://centerkey.com/graphics/center-key-logo-card.png">
   <meta property=og:image:alt           content="Logo">
   <title>????????? &bull; ??????????????</title>
   <link rel=icon             href=../../graphics/bookmark.png>
   <link rel=apple-touch-icon href=../../graphics/mobile-home-screen.png>
   <link rel=preconnect       href=https://fonts.googleapis.com>
   <link rel=preconnect       href=https://fonts.gstatic.com crossorigin>
   <link rel=stylesheet       href=https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5/css/all.min.css>
   <link rel=stylesheet       href=https://cdn.jsdelivr.net/npm/dna-engine@3.2/dist/dna-engine.css>
   <link rel=stylesheet       href=https://cdn.jsdelivr.net/npm/web-ignition@2.2/dist/reset.min.css>
   <style>
      body >header figure { max-width: 100px; }
      body >main >section figure { max-width: 200px; }
   </style>
   <script defer src=https://cdn.jsdelivr.net/npm/dna-engine@3.2/dist/dna-engine.min.js></script>
   <script defer src=https://cdn.jsdelivr.net/npm/web-ignition@2.2/dist/lib-x.min.js></script>
   <script data-on-load=startup>const startup = () => console.log('The DOM is ready.');</script>
</head>
<body>

<header>
   <h1>Page Title (h1)</h1>
   <h2>Page Subtitle (h2)</h2>
   <figure>
      <a href=https://centerkey.com/files/resources/web-baseline.html>
         <img src=../../graphics/bookmark.png alt=logo>
      </a>
   </figure>
   <nav>Links go here</nav>
   <a id=fork-me href=https://gist.github.com/dpilafian/9ac5c104c540c23f17fb1fe51fdc1956>Fork me on GitHub</a>
</header>

<main>

   <section>
      <h2>Section header (h2)</h2>
      <h3>Section subheader (h3)</h3>
      <aside>
         <h2>Sidebar!</h2>
         <p>A little bit of stuff out of the way to the side.</p>
      </aside>
      <figure>
         <img src=../../graphics/logo-dragons-grill.png alt=dragon>
         <figcaption>Dragon</figcaption>
      </figure>
      <p>Stuff goes here.</p>
   </section>

   <section>
      <h2>Social</h2>
      <div id=social-buttons></div>
   </section>

</main>

<footer>
   <div>Copyright &copy; 2151 Enterprise</div>
</footer>

</body>
</html>

## web-page-example.md

      
    Raw
  

              web-page-example.md
            
          
    Web Baseline

Try it:

https://centerkey.com/files/resources/web-baseline.html

  
## xfer.sh.command
#!/bin/bash
################
# Web Baseline #
# WTFPL        #
################

# To make this file runnable:
#     $ chmod +x *.sh.command

banner="Publish Web Baseline"
projectHome=$(cd $(dirname $0); pwd)
pkgInstallHome=$(dirname $(dirname $(which httpd)))
apacheCfg=$pkgInstallHome/etc/httpd
apacheLog=$pkgInstallHome/var/log/httpd/error_log
webDocRoot=$(grep ^DocumentRoot $apacheCfg/httpd.conf | awk -F'"' '{ print $2 }')
eol=$'\n'

displayIntro() {
   cd $projectHome
   echo
   echo $banner
   echo $(echo $banner | sed s/./=/g)
   pwd
   echo
   }

publishWebFiles() {
   cd $projectHome
   publishSite=$webDocRoot/centerkey.com
   publishFolder=$publishSite/files/resources
   publish() {
      echo "Publishing:"
      echo $publishFolder
      mkdir -p $publishFolder
      cp -v *.html $publishFolder
      echo "Copied from web-baseline.html ($(date)):$eol" > $publishFolder/web-baseline.html.txt
      cat web-baseline.html >> $publishFolder/web-baseline.html.txt
      cd $publishFolder
      ls -o web-baseline.*
      echo
      }
   test -w $publishSite && publish
   }

launchBrowser() {
   cd $projectHome
   url=web-baseline.html
   test -w $publishSite && url=http://localhost/centerkey.com/files/resources/web-baseline.html
   echo "Opening:"
   echo $url
   sleep 2
   open $url
   echo
   }

displayIntro
publishWebFiles
launchBrowser
	<!doctype html>
	<!-- - - - - - - - -->
	<!-- Website info -->
	<!-- WTFPL -->
	<!-- - - - - - - - -->
	<html lang=en>
	<head>
	<meta charset=utf-8>
	<meta name=viewport content="width=device-width, initial-scale=1">
	<meta name=robots content="index, follow">
	<meta name=description content="[DESCRIPTION]">
	<meta name=apple-mobile-web-app-title content="[SHORT-TITLE]">
	<meta name=twitter:card content="summary_large_image">
	<meta name=twitter:title content="[TITLE]">
	<meta name=twitter:description content="[DESCRIPTION]">
	<meta property=og:title content="[TITLE]">
	<meta property=og:description content="[DESCRIPTION]">
	<meta property=og:type content="website">
	<meta property=og:image content="https://centerkey.com/graphics/center-key-logo-card.png">
	<meta property=og:image:alt content="Logo">
	<title>????????? • ??????????????</title>
	<link rel=icon href=../../graphics/bookmark.png>
	<link rel=apple-touch-icon href=../../graphics/mobile-home-screen.png>
	<link rel=preconnect href=https://fonts.googleapis.com>
	<link rel=preconnect href=https://fonts.gstatic.com crossorigin>
	<link rel=stylesheet href=https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5/css/all.min.css>
	<link rel=stylesheet href=https://cdn.jsdelivr.net/npm/dna-engine@3.2/dist/dna-engine.css>
	<link rel=stylesheet href=https://cdn.jsdelivr.net/npm/web-ignition@2.2/dist/reset.min.css>
	<style>
	body >header figure { max-width: 100px; }
	body >main >section figure { max-width: 200px; }
	</style>
	<script defer src=https://cdn.jsdelivr.net/npm/dna-engine@3.2/dist/dna-engine.min.js></script>
	<script defer src=https://cdn.jsdelivr.net/npm/web-ignition@2.2/dist/lib-x.min.js></script>
	<script data-on-load=startup>const startup = () => console.log('The DOM is ready.');</script>
	</head>
	<body>

	<header>
	<h1>Page Title (h1)</h1>
	<h2>Page Subtitle (h2)</h2>
	<figure>
	<a href=https://centerkey.com/files/resources/web-baseline.html>
	<img src=../../graphics/bookmark.png alt=logo>
	</a>
	</figure>
	<nav>Links go here</nav>
	<a id=fork-me href=https://gist.github.com/dpilafian/9ac5c104c540c23f17fb1fe51fdc1956>Fork me on GitHub</a>
	</header>

	<main>

	<section>
	<h2>Section header (h2)</h2>
	<h3>Section subheader (h3)</h3>
	<aside>
	<h2>Sidebar!</h2>
	<p>A little bit of stuff out of the way to the side.</p>
	</aside>
	<figure>
	<img src=../../graphics/logo-dragons-grill.png alt=dragon>
	<figcaption>Dragon</figcaption>
	</figure>
	<p>Stuff goes here.</p>
	</section>

	<section>
	<h2>Social</h2>
	<div id=social-buttons></div>
	</section>

	</main>

	<footer>
	<div>Copyright © 2151 Enterprise</div>
	</footer>

	</body>
	</html>
	#!/bin/bash
	################
	# Web Baseline #
	# WTFPL #
	################

	# To make this file runnable:
	# $ chmod +x *.sh.command

	banner="Publish Web Baseline"
	projectHome=$(cd $(dirname $0); pwd)
	pkgInstallHome=$(dirname $(dirname $(which httpd)))
	apacheCfg=$pkgInstallHome/etc/httpd
	apacheLog=$pkgInstallHome/var/log/httpd/error_log
	webDocRoot=$(grep ^DocumentRoot $apacheCfg/httpd.conf \| awk -F'"' '{ print $2 }')
	eol=$'\n'

	displayIntro() {
	cd $projectHome
	echo
	echo $banner
	echo $(echo $banner \| sed s/./=/g)
	pwd
	echo
	}

	publishWebFiles() {
	cd $projectHome
	publishSite=$webDocRoot/centerkey.com
	publishFolder=$publishSite/files/resources
	publish() {
	echo "Publishing:"
	echo $publishFolder
	mkdir -p $publishFolder
	cp -v *.html $publishFolder
	echo "Copied from web-baseline.html ($(date)):$eol" > $publishFolder/web-baseline.html.txt
	cat web-baseline.html >> $publishFolder/web-baseline.html.txt
	cd $publishFolder
	ls -o web-baseline.*
	echo
	}
	test -w $publishSite && publish
	}

	launchBrowser() {
	cd $projectHome
	url=web-baseline.html
	test -w $publishSite && url=http://localhost/centerkey.com/files/resources/web-baseline.html
	echo "Opening:"
	echo $url
	sleep 2
	open $url
	echo
	}

	displayIntro
	publishWebFiles
	launchBrowser