2024-09-23_20-57

.gitignore

@@ -1,3 +1,6 @@
+# My  Settings
+htdocs/
+
 # ---> Node
 # Logs
 logs

htdocs/assets/css/footer.css

@@ -1,13 +0,0 @@
-img.footer-img {
-    display: unset !important;
-    padding: 0px 2px;
-}
-
-#footer-badge {
-    width: fit-content;
-    margin: auto;
-}
-
-footer {
-    margin-top: 2rem !important;
-}

htdocs/assets/css/ocmain.css

@@ -1,44 +0,0 @@
-body {
-    font-family: Nunito, Kosugi Maru !important;
-}
-
-body.bg-white {
-    background-color: floralwhite;
-}
-
-#site_title {
-    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
-}
-
-#site_title:hover {
-    opacity: .9;
-}
-
-#menu {
-    margin-top: auto;
-    filter: drop-shadow(1px 1px 1.5px rgba(0, 0, 0, 0.6));
-}
-
-#search {
-    margin-top: auto;
-}
-
-footer.bg-gray-200 {
-    background-color: aliceblue;
-}
-
-html {
-    display: none;
-    animation: fadeIn 0.3s ease;
-}
-
-@keyframes fadeIn {
-    0% {
-        opacity: 0;
-        /* 透明 */
-    }
-
-    100% {
-        opacity: 1;
-    }
-}

htdocs/assets/css/post-grid.css

@@ -1,25 +0,0 @@
-.zoom {
-    overflow: hidden;
-    border-radius: .25rem .25rem 0 0;
-}
-
-.zoom img {
-    overflow: hidden;
-    -webkit-transform: scale(1);
-    transform: scale(1);
-    -webkit-transition: .5s ease-in-out;
-    transition: .5s ease-in-out;
-}
-
-.zoom img:hover {
-    -webkit-transform: scale(1.2);
-    transform: scale(1.2);
-}
-
-.abr {
-    background-color: white !important;
-}
-
-.abr p.text-gray-600 {
-    font-size: smaller;
-}

htdocs/assets/css/post.css

@@ -1,692 +0,0 @@
-h1 {
-  position: relative;
-  padding: .3em;
-  text-align: center;
-  color: #e60 !important;
-}
-
-h1::before,
-h1::after {
-  position: absolute;
-  left: 0;
-  content: '';
-  width: 100%;
-  height: 6px;
-  box-sizing: border-box;
-}
-
-h1::before {
-  top: 0;
-  border-top: 2px solid #f80;
-  border-bottom: 1px solid #f80;
-}
-
-h1::after {
-  bottom: 0;
-  border-top: 1px solid #f80;
-  border-bottom: 2px solid #f80;
-}
-
-h2 {
-  position: relative;
-  padding: .1em .3em .1em 1.8em;
-  background: #90CAF9;
-  border-radius: 4px;
-  color: white !important;
-}
-
-h2:before,
-h2:after {
-  content: "";
-  position: absolute;
-  display: block;
-}
-
-h2:before {
-  top: -0.1em;
-  left: 0.5em;
-  width: 20px;
-  height: 23px;
-  padding: 5px 0 0 0;
-  background: #1976D2;
-  text-align: center;
-}
-
-h2:after {
-  top: .35em;
-  left: .5em;
-  width: 0;
-  height: 0;
-  border: 10px solid;
-  border-color: transparent #1976D2;
-}
-
-h3 {
-  color: brown !important;
-  position: relative;
-  padding: .1em .3em .1em 1.6em;
-}
-
-h3::before,
-h3::after {
-  position: absolute;
-  content: "□";
-  width: 4px;
-  height: 4px;
-  color: #FBC02D;
-}
-
-h3::before {
-  left: 0;
-  top: 0;
-}
-
-h3::after {
-  left: 5.5px;
-  top: 7.5px;
-}
-
-
-#content a {
-  text-decoration: none !important;
-  color: royalblue !important;
-}
-
-#content a:hover {
-  text-decoration: underline !important;
-  color: royalblue !important;
-}
-
-figcaption {
-  color: dimgray !important;
-  width: fit-content;
-  margin: auto;
-}
-
-#content p {
-  max-width: 800px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-#content ul,
-ol {
-  max-width: 800px;
-  margin-left: auto;
-  margin-right: auto;
-  font-size: unset;
-}
-
-#content ul li {
-  list-style: disc;
-  padding-left: unset;
-  margin: auto;
-}
-
-#content ol li {
-  list-style: decimal;
-  padding-left: unset;
-  margin: auto;
-}
-
-#content li::before {
-  content: unset;
-}
-
-#content li :last-child {
-  margin-bottom: unset;
-}
-
-#content li :first-child {
-  margin-top: unset;
-}
-
-/* Youtube Embbed Video */
-figure.youtube {
-  margin: auto;
-  width: 100%;
-  aspect-ratio: 16 / 9;
-  max-width: 560px;
-}
-
-figure.youtube iframe {
-  width: 100%;
-  height: 100%;
-}
-
-/* floatbox */
-.floatbox img {
-  margin: 0;
-}
-
-.floatbox {
-  margin: 8px auto !important;
-}
-
-.balloon,
-.balloon_right {
-  width: 100%;
-  margin-top: 0.5em !important;
-  overflow: hidden;
-}
-
-.balloon .faceicon {
-  float: left;
-  margin-right: -90px;
-  width: 80px;
-}
-
-.balloon .faceicon img,
-.balloon_right .faceicon_right img {
-  width: 100%;
-  height: auto;
-  border: solid 3px #d7ebfe;
-}
-
-.balloon .faceicon p,
-.balloon_right .faceicon_right p {
-  text-align: center;
-  top: -10px;
-  position: relative;
-}
-
-.balloon .chatting,
-.balloon_right .chatting {
-  width: 100%;
-}
-
-.says {
-  position: relative;
-  margin: 5px 0 0 105px;
-  padding: 17px 13px;
-  border-radius: 12px;
-  background: #FFF;
-  border: solid 3px #d7ebfe;
-}
-
-.says:before {
-  content: "";
-  position: absolute;
-  top: 34px;
-  left: -20px;
-  margin-top: -16px;
-  border: 12px solid transparent;
-  border-right: 12px solid #FFF;
-  z-index: 2;
-}
-
-.says:after {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  top: 18px;
-  left: -24px;
-  border: 12px solid transparent;
-  border-right: 12px solid #d7ebfe;
-}
-
-.says p,
-.says_right p {
-  margin: 0;
-  padding: 0;
-}
-
-.balloon_right .faceicon_right {
-  float: right;
-  margin-right: 0px;
-  width: 80px;
-}
-
-.says_right {
-  position: relative;
-  margin: 5px 105px 0 0px;
-  padding: 17px 13px;
-  border-radius: 12px;
-  background: #FFF;
-  border: solid 3px #d7ebfe;
-}
-
-.says_right:before {
-  content: "";
-  position: absolute;
-  top: 34px;
-  right: -20px;
-  margin-top: -16px;
-  border: 12px solid transparent;
-  border-left: 12px solid #FFF;
-  z-index: 2;
-}
-
-.says_right:after {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  top: 18px;
-  right: -24px;
-  border: 12px solid transparent;
-  border-left: 12px solid #d7ebfe;
-}
-
-/* costomize */
-.faceicon img,
-.faceicon_right img {
-  margin: 0;
-  border-radius: 50%;
-  background-color: white;
-  border: solid 2px #d7ebfe !important;
-}
-
-.balloon .faceicon,
-.balloon_right .faceicon_right {
-  width: 100px;
-}
-
-.balloon,
-.balloon_right {
-  margin: 0 auto;
-  max-width: 800px;
-}
-
-.says {
-  margin: 15px 0 0 115px;
-  border: solid 2px #c99;
-  background-color: #fed;
-  width: fit-content;
-  padding: 17px 24px;
-}
-
-.says:before {
-  left: -21px;
-  border-right: 12px solid #fed;
-}
-
-.says:after {
-  border-right: 12px solid #c99;
-}
-
-.says_right {
-  margin: 15px 115px 0 auto;
-  /*    text-align: right; */
-  border: solid 2px #c99;
-  background-color: #fee;
-  width: fit-content;
-  padding: 17px 24px;
-}
-
-.says_right:before {
-  right: -21px;
-  border-left: 12px solid #fee;
-}
-
-.says_right:after {
-  border-left: 12px solid #c99;
-}
-
-.says_right p {
-  width: fit-content !important;
-  margin: auto !important;
-  margin-right: 0 !important;
-}
-
-.faceicon p,
-.faceicon_right p {
-  font-size: small;
-  margin: 0;
-  top: 0 !important;
-}
-
-
-
-.tamathink {
-  position: relative;
-  margin: 15px 0 0 145px;
-  /* padding: 17px 13px; */
-  border-radius: 12px;
-  background: #fed;
-  border: solid 2px #edc;
-  width: fit-content;
-  padding: 17px 24px;
-}
-
-.tamathink p {
-  margin: 0;
-  padding: 0;
-  color: gray;
-}
-
-.think-l-bal-s {
-  /* display: inline-block; */
-  position: relative;
-  left: 96px;
-  top: 28px;
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  background: #fed;
-  border: solid 2px #edc;
-  float: left;
-}
-
-.think-l-bal-l {
-  /* display: inline-block; */
-  position: relative;
-  left: 100px;
-  top: 22px;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: #fed;
-  border: solid 2px #edc;
-  float: left;
-}
-
-summary.blockprogram {
-  background-color: seagreen;
-}
-
-summary.lesson {
-  background-color: royalblue;
-}
-
-summary {
-  cursor: pointer;
-  color: white;
-  margin: auto;
-  padding: .5em 1em;
-}
-
-details.lesson {
-  margin: 1em auto;
-  padding: 0;
-  max-width: 800px;
-}
-
-details.lesson div.lesson {
-  padding: .5em 1em;
-}
-
-details.lesson[open] div.lesson {
-  background-color: white;
-  border: royalblue 1px solid;
-  border-top: 0;
-  animation: fadeIn 0.5s ease;
-}
-
-/* @keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-} */
-
-details.lesson[open] div.slide {
-  padding: 0;
-  margin: 0;
-  animation: slideIn 0.5s ease;
-}
-
-@keyframes slideIn {
-  0% {
-    transform: translateX(-10px);
-  }
-
-  100% {
-    transform: none;
-  }
-}
-
-/* Marker */
-span.mfy {
-  background: linear-gradient(transparent 60%, yellow 60%) !important;
-}
-
-span.mfr {
-  background: linear-gradient(transparent 60%, pink 60%) !important;
-}
-
-span.mfb {
-  background: linear-gradient(transparent 60%, aqua 60%) !important;
-}
-
-span.mfg {
-  background: linear-gradient(transparent 60%, lightgreen 60%) !important;
-}
-
-/* Blogcard */
-div.card {
-  max-width: 800px;
-  margin: 1em auto 2em;
-}
-
-.blogcard {
-  display: grid;
-  grid-gap: .3rem 1rem;
-  align-content: start;
-  max-width: 35rem;
-  max-height: 100px;
-  color: #2c2d30;
-  line-height: normal;
-  background-color: white;
-  width: fit-content;
-  position: relative;
-  top: 0;
-  transition: all .3s linear !important;
-  border-radius: .25rem;
-  overflow: hidden;
-}
-
-.blogcard:hover {
-  top: -3px !important;
-  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
-}
-
-.blogcard:hover img {
-  opacity: 0.7;
-  transition: all .3s linear !important;
-}
-
-.blogcard::before {
-  content: "";
-  grid-column: 1 / 2;
-  grid-row: 1 / 4;
-  width: .25rem;
-  height: 100%;
-  background: #e3e4e6;
-  /* border-radius: .2rem; */
-}
-
-.blogcard>* {
-  grid-column: 2 / 3;
-}
-
-/* .blogcard__heading,
-.blogcard__description {
-  margin: 0 !important;
-} */
-
-.blogcard__heading {
-  line-height: 1.0 !important;
-  margin: 0 !important;
-}
-
-.blogcard__description {
-  font-size: small;
-  margin: 0 !important;
-}
-
-.blogcard__link {
-  text-decoration: none !important;
-  color: #3081b7 !important;
-}
-
-.blogcard__image {
-  grid-column: 3 / 4;
-  grid-row: 1 / 4;
-  /* align-self: center; */
-  width: 100px;
-  height: 100px;
-  object-fit: cover;
-  margin: 0 !important;
-  border-radius: 0 .25rem .25rem 0;
-}
-
-.blogcard__logo {
-  max-width: 1rem;
-  height: auto;
-  margin: 4px 0 0 0 !important;
-
-}
-
-.blogcard__publisher {
-  padding-top: 3px;
-}
-
-.blogcard__meta {
-  font-size: small;
-  grid-row: 1 / auto;
-  display: grid;
-  grid-template-columns: max-content 1fr;
-  grid-gap: .25rem;
-  color: #a1a1a8;
-  font-weight: bold;
-  padding-top: 0px;
-  margin-top: 2px !important;
-}
-
-.blogcard+.blogcard {
-  margin-block-start: 2rem;
-}
-
-/* アイコン付きボックス */
-.iconbox {
-  position: relative;
-  margin: auto;
-  margin-top: 44px !important;
-  padding: 0.5em 1em;
-  border: solid 3px deeppink;
-  max-width: 800px;
-}
-
-.iconbox .box-title {
-  position: absolute;
-  display: inline-block;
-  top: -40px;
-  left: -3px;
-  padding: 3px 9px;
-  height: 40px;
-  line-height: 25px;
-  font-size: 32px;
-  background: deeppink;
-  color: #ffffff;
-  font-weight: bold;
-  border-radius: 5px 5px 0 0;
-}
-
-.iconbox p {
-  margin: 0;
-  padding: 0;
-}
-
-th,
-td {
-  border: solid 1px;
-  border-color: lightgray;
-  padding: 10px !important;
-  font-size: initial;
-}
-
-table {
-  max-width: 800px;
-  margin: auto;
-  border-collapse: collapse;
-}
-
-blockquote {
-  max-width: 800px;
-  margin: auto;
-}
-
-div.imgbox {
-  max-width: 600px;
-  margin: 24px auto;
-  padding: 16px;
-  border-radius: 16px;
-  border: white solid 4px;
-}
-
-div.imgbox p {
-  font-size: larger;
-  margin: auto;
-  width: fit-content;
-  font-weight: bold;
-  color: magenta;
-}
-
-p.tsukkomi {
-  font-size: small;
-  color: lightgray;
-  margin-right: 0 !important;
-  width: fit-content;
-}
-
-.box_stripe {
-  max-width: 800px;
-  margin: 24px auto;
-  padding: 1em 2em;
-  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
-  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
-}
-
-.box_stripe p {
-  margin: 0;
-  padding: 0;
-}
-
-img.inline {
-  display: inline-block;
-  width: auto;
-  margin: 0;
-  vertical-align: top;
-}
-
-span.tsubuyaki {
-  font-size: small;
-  color: gray;
-}
-
-pre {
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-figure.center {
-  margin: auto;
-  width: fit-content;
-}
-
-figure.center figcaption {
-  margin: 8px auto auto;
-}
-
-#disqus_thread {
-  padding-top: 4px;
-  border-top-style: solid;
-  border-top-color: #eee;
-  border-top-width: 2px;
-}
-
-code::before {
-  content: '' !important;
-}
-
-code::after {
-  content: '' !important;
-}
-
-code {
-  background-color: gainsboro;
-  padding: 2px 6px;
-  border-radius: 3px;
-}

htdocs/assets/floatbox/LICENSE.txt

@@ -1,21 +0,0 @@
-The MIT License
-
-Copyright (c) 2021 Byron McGregor
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

htdocs/assets/floatbox/fbOptions.js

@@ -1,108 +0,0 @@
-var fb = self.fb || {};
-
-fb.fbOptions = {
-
-/*
-See the instructions for information about setting floatbox options.
-See the options reference for details about all the available options.
-*/
-
-global: {
-	activateMedia: true,
-	autoGallery: false
-},
-
-mobile: {
-	showControlsText: false,
-	showItemNumber: false,
-	showPrint: false,
-	numIndexLinks: 0,
-	strictCentering: false,
-	padding: 12,
-	panelPadding: 4,
-	navType: 'button',
-	imageTransition: 'slide',
-	preloadLimit: 1
-},
-
-type: {
-	image: {},
-	video: {},
-	html: {},
-	// html settings apply to all 5 html sub-types that follow
-	iframe: {},
-	inline: {},
-	ajax: {},
-	direct: {},
-	pdf: {
-		mobile: { newWindow: true }
-	}
-},
-
-className: {
-	modern: {
-		colorTheme: 'silver',
-		innerBorderColor: '#ccc',
-		outerBorderColor: '#eee',
-		innerBorder: 0,
-		outerBorder: 6,
-		padding: 0,
-		panelPadding: 4,
-		boxCornerRadius: 0,
-		shadowType: 'hybrid',
-		navType: 'overlay',
-		captionPos: 'tc',
-		caption2Pos: 'tc',
-		infoLinkPos: 'tc',
-		printLinkPos: 'tc',
-		itemNumberPos: 'tl',
-		newWindowLinkPos: 'tr',
-		indexPos: 'tl',
-		controlsPos: 'tr',
-		overlayFadeTime: 0.3,
-		resizeTime: 0.4,
-		transitionTime: 0.5
-	},
-	transparent: {
-		boxColor: 'transparent',
-		contentBackgroundColor: 'transparent',
-		shadowType: 'none',
-		overlayOpacity: 0.75,
-		captionPos: 'tc',
-		controlsPos: 'tr',
-		enableImageResize: false,
-		outerBorder: 0,
-		innerBorder: 0,
-		zoomBorder: 0
-	},
-	naked: {
-		boxCornerRadius: 0,
-		showOuterClose: true,
-		showClose: false,
-		inFrameResize: false,
-		showItemNumber: false,
-		navType: 'overlay',
-		showNavOverlay: true,
-		caption: null,
-		outerBorder: 0,
-		innerBorder: 0,
-		zoomBorder: 0,
-		padding: 0,
-		panelPadding: 0
-	},
-	fbInfo: {	// applies to boxes opened from Info... links
-		boxCornerRadius: 6,
-		shadowSize: 8,
-		padding: 18,
-		overlayOpacity: 0.45,
-		resizeTime: 0.3,
-		fadeTime: 0,
-		transitionTime: 0.3,
-		overlayFadeTime: 0.3
-	},
-	fbTooltip: {	// tooltip options
-	},
-	fbContext: {	// contextBox options
-	}
-}
-};

htdocs/assets/floatbox/floatbox.css

@@ -1,59 +0,0 @@
- .fbx.fbOverlay,.fbx.fbMain,.fbMain .fbx,.fbx.fbFloater,.fbx.fbSlowLoad{box-sizing:content-box;margin:0;padding:0;border:0 solid #000;overflow:visible;background:transparent none no-repeat 0 0;background-size:auto;text-shadow:none;transition-duration:0s;clear:both}
-.fbx.fbOverlay,.fbx.fbBackground,.fbx.fbLiner,.fbx.fbContent{position:absolute;left:0;top:0;width:100%;height:100%;outline-style:none}
-.fbx.fbContentWrapper,.fbx.fbTopPanel,.fbx.fbBottomPanel,.fbx.fbHeader,.fbx.fbFooter{position:absolute;left:0;right:0;outline-style:none}
-.fbx.fbOverlay{position:fixed}
-.fbx.fbMain{position:absolute;outline-style:none}
-.fbx.fbOverlay,.fbx.fbBackground,.fbx.fbLiner{background-repeat:repeat;overflow:hidden}
-i.fbIcon{position:relative;display:inline-block;font:normal 16px/1 monospace}
-i.fbIcon svg{height:1em;margin-bottom:-.2em;fill:currentColor;stroke:currentColor;pointer-events:none}
-.fbx.fbMain{text-align:left}
-.fbx.fbContentWrapper{direction:ltr;-webkit-overflow-scrolling:touch}
-.fbx.fbFloater,.fbx.fbSlowLoad{position:absolute}
-.fbMain span.fbx{cursor:default}
-.fbx.fbMain a{cursor:pointer}
-.fbMain a.fbx,.fbMain img.fbx,img.fbx{display:inline-block;white-space:nowrap;text-decoration:none;max-width:77777px;max-height:77777px;direction:ltr}
-.fbTopPanel .fbx,.fbBottomPanel .fbx,.fbx.fbDragger{user-select:none;-webkit-user-select:none}
-.fbx.fbTopPanel,.fbx.fbBottomPanel{display:inline-flex;align-items:center;font:normal 14px/18px Verdana,Helvetica,sans-serif}
-.fbx.fbCell{display:flex;flex-direction:column;flex:none}
-.fbx.fbCell > *{display:inline-block}
-.fbx.fbCell_tl,.fbx.fbCell_bl{text-align:left}
-.fbx.fbCell_tc,.fbx.fbCell_bc{text-align:center}
-.fbx.fbCell_tr,.fbx.fbCell_br{text-align:right}
-.fbx.fbClose,.fbx.fbNav,.fbx.fbPlayPause,.fbx.fbPrev,.fbx.fbNext,.fbx.fbPlay,.fbx.fbPause{margin:0 4px}
-.fbx.fbCaption,.fbx.fbCaption2,.fbx.fbNewWindow,.fbx.fbInfo,.fbx.fbPrint,.fbx.fbItemNumber{margin:0 6px}
-.fbx.fbNav,.fbx.fbPlayPause{white-space:nowrap;text-align:center}
-.fbx.fbItemNumber{font-size:.8em}
-.fbCaption a:link,.fbCaption a:visited,.fbCaption a:active,.fbCaption2 a:link,.fbCaption2 a:visited,.fbCaption2 a:active{color:inherit}
-.fbTopPanel a.fbx,.fbBottomPanel a.fbx{position:relative}
-.fbx.fbClose2{position:absolute}
-.fbClose2 .fbIcon{font-size:28px}
-.fbx.fbResizer{position:absolute;width:32px;height:32px;border-radius:0 0 8px 0;opacity:.45;text-align:center;background-color:#eee}
-.fbResizer .fbIcon{font-size:24px;line-height:1.3;color:#000}
-.fbx.fbDragger{position:absolute;cursor:nw-resize;line-height:1;right:0;bottom:0}
-.fbx a.fbPrevPanel,.fbx a.fbNextPanel{position:absolute;top:0;bottom:0;background-color:rgba(7,7,7,0)}
-.fbx a.fbPrevPanel{left:0}
-.fbx a.fbNextPanel{right:0}
-.fbx a.fbPrev2,.fbx a.fbNext2{position:absolute;background-color:#000;opacity:.45;padding:10px}
-.fbx a.fbPrev2{left:0;padding-left:5px;border-radius:0 3px 3px 0}
-.fbx a.fbNext2{right:0;padding-right:5px;border-radius:3px 0 0 3px}
-.fbPrev2 .fbIcon,.fbNext2 .fbIcon{font-size:26px;color:#fff}
-.fbx.fbIndex a{margin:0;padding:3px 0;text-decoration:none;display:inline-block}
-.fbIndex .fbCurrentIndex{font-weight:bold}
-.fbx.fbSpacer{position:absolute;text-align:center;min-width:1em;min-height:1em;cursor:default}
-.fbSpacer .fbIcon{display:table-cell;vertical-align:middle;width:inherit;height:inherit}
-.fbVid i{width:1em;height:1em;margin:0;padding:.1em .32em .11em .45em;color:#fff;background-color:#333;opacity:.6;text-align:center;border-radius:.2em;border:2px solid #ccc}
-.fbVid:hover i{background-color:#0b183b;opacity:.75}
-body .fbContext{cursor:help}
-a[class*="fbPop"]{display:inline-block}
-a[class*="fbPop"] img:first-child{position:absolute;left:0;top:-77777px;margin:0;padding:0;z-index:88888}
-.fbIndex a img{border:1px solid #555}
-body div.fbCycler{position:relative;max-width:100%}
-div.fbCycler > *{position:absolute;display:block;visibility:hidden;max-width:100%}
-div.fbCycler > :first-child{position:static;visibility:visible}
-div.fbCycler img,div.fbCycler a{display:inline-block;max-width:100%;height:auto;line-height:0}
-div.fbCycler span{display:block;position:relative;text-align:center;margin:auto}
-div.fbCycler p{position:absolute;visibility:visible;z-index:99}
-.fbCycler .fbCyclerControl{display:none;visibility:visible;position:relative;width:auto;min-width:4.8em;border-radius:5px;z-index:77;opacity:.6;background-color:#eee;font:normal 15px/21px "Comic Sans MS",sans-serif;color:#000;text-align:center;cursor:default;padding:0 .7em .1em;margin:0;border-width:0}
-.fbCyclerControl .fbIcon{font-size:17px;line-height:21px;padding-left:5px}
-.fbCycler .fbCyclerControl:hover{opacity:1}
-html.floatbox a.floatbox,html.floatbox div.floatbox a{pointer-events:none}

htdocs/assets/floatbox/languages/en.js

@@ -1,17 +0,0 @@
-// English (not used - for reference only)
-fb.data.strings = [
-"en",
-"Close (key: Esc)",
-"Prev (key: \u2190)",
-"Next (key: \u2192)",
-"Play (key: spacebar)",
-"Pause (key: spacebar)",
-"Resize (key: Page Up/Down)",
-"Image %1 of %2",
-"Page %1 of %2",
-"(%1 of %2)",
-"Info...",
-"Print...",
-"Open in a new window",
-"Pop-up content is blocked by this browser."
-];

htdocs/assets/floatbox/languages/ja.js

@@ -1,17 +0,0 @@
-// Japanese
-fb.data.strings = [
-"ja",
-"\u9589\u3058\u308b (\u30ad\u30fc\u30dc\u30fc\u30c9: Esc)",
-"\u524d (\u30ad\u30fc\u30dc\u30fc\u30c9: \u2190)",
-"\u6b21 (\u30ad\u30fc\u30dc\u30fc\u30c9: \u2192)",
-"\u904a\u3076 (\u30ad\u30fc\u30dc\u30fc\u30c9: \u30b9\u30da\u30fc\u30b9)",
-"\u4e00\u6642\u505c\u6b62 (\u30ad\u30fc\u30dc\u30fc\u30c9: \u30b9\u30da\u30fc\u30b9)",
-"\u30ea\u30b5\u30a4\u30ba (\u30ad\u30fc\u30dc\u30fc\u30c9: Page Up/Down)",
-"\u5199\u771f %1 \u306e %2",
-"\u30da\u30fc\u30b8 %1 \u306e %2",
-"(%1 \u306e %2)",
-"\u60c5\u5831...",
-"\u30d7\u30ea\u30f3\u30c8...",
-"\u3092\u958b\u304f\u65b0\u3057\u3044\u30a6\u30a3\u30f3\u30c9\u30a6\u3067",
-"\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u3001\u3053\u306e\u30d6\u30e9\u30a6\u30b6\u306b\u30d6\u30ed\u30c3\u30af\u3055\u308c\u3066\u3044\u307e\u3059"
-];

htdocs/assets/floatbox/resources/video.html

@@ -1,183 +0,0 @@
-<!DOCTYPE html>
-<html style="background-color:#000;" lang="en">
-<head>
-<meta charset="utf-8"/>
-<title>Video Player - Floatbox</title>
-<script>
-( function () {
-	var
-		$container,
-		$player,
-		posterPath;
-
-	function init () {
-		var
-			$mp4Source = document.createElement( 'source' ),
-			$webmSource = document.createElement( 'source' ),
-			params = fb.deserialize( location.search.substring( 1 ) ),
-			mp4Path = params.source,
-			webmPath = mp4Path.replace( /\.mp4\b/i, '.webm' ),
-			autoPlay = params.autoplay != '0',
-			esc = params.esc != 'false',
-			tapState;
-
-		$container = fb.$( 'container' );
-		$player = document.createElement( 'video' );
-		posterPath = params.poster == 'null' ? null : params.poster || mp4Path.replace( /\.mp4\b/i, '.jpg' );
-		$mp4Source.type = 'video/mp4';
-		$mp4Source.src = mp4Path;
-		$player.appendChild( $mp4Source );
-		$webmSource.type = 'video/webm';
-		$webmSource.src = webmPath;
-		$player.appendChild( $webmSource );
-
-		fb.attr( $player, {
-			id: 'fbPlayer',
-			width: '100%',
-			height: '100%',
-			controls: '',
-			playsinline: '',
-			poster: autoPlay ? null : posterPath
-		} );
-
-		fb.addEvent( window, 'message', messageHandler );
-		fb.addEvent( $player, [ 'mousedown', 'touchstart', 'mouseup', 'touchend' ], onTap );
-		fb.addEvent( $player, 'ended', onFinish );
-		fb.addEvent( $webmSource, 'error', onError );
-		if ( esc ) {
-			fb.addEvent( document, 'keydown', onKey, true );
-		}
-
-		$container.style.backgroundColor = params.bgcolor || 'transparent';
-		$container.appendChild( $player );
-		$player.tabIndex = 0;
-		$container.tabIndex = -1;
-		$container.focus();
-
-		if ( $player.canPlayType ) {
-			if ( autoPlay ) {
-				autoPlay = $player.play();
-				if ( $player.paused !== false && !( 'Promise' in window && autoPlay instanceof Promise ) ) {
-					fb.attr( $player, 'poster', posterPath );
-					$player.load();
-				}
-			}
-		}
-		else {
-			onError();
-		}
-
-		function onTap ( e ) {
-			if ( e.button || e.touches && e.touches[ 1 ] ) {
-				tapState = null;
-			}
-			else if ( e.type == 'mousedown' || e.type == 'touchstart' ) {
-				if ( tapState !== !!tapState && $player.offsetHeight - ( e.touches ? e.touches[ 0 ] : e ).clientY > 55 ) {
-					tapState = $player.paused;
-				}
-			}
-			else {
-				setTimeout( function () {
-					if ( $player.paused === tapState ) {
-						if ( tapState ) {
-							$player.play();
-						}
-						else {
-							$player.pause();
-						}
-					}
-					tapState = null;
-				}, 77 );
-			}
-		}
-
-		function onKey ( e ) {
-			if ( e.keyCode == 27 ) {
-				fb.stopEvent( e );
-				onFinish( 'esc' );
-			}
-		}
-
-		function onFinish ( msg ) {
-			parent.postMessage( { 'event': msg.type || msg }, document.referrer );
-		}
-
-		function onError () {
-			var
-				p = fb.select( 'p', $container, 0 ),
-				a = fb.select( 'a', p, 0 );
-			a.href = a.innerHTML = mp4Path;
-			p.style.display = 'block';
-		}
-	}  // init
-
-	function messageHandler ( e ) {
-		// Receive instructions from core
-		if ( e.data.action == 'load' ) {
-			fb.attr( $player, 'poster', posterPath );
-			$player.load();
-		}
-	}
-
-	function getParam ( name ) {
-		name = name.replace( /\[/, '\\[' ).replace( /\]/, '\\]' );
-		var
-			regex = new RegExp( '[\\?&]' + name + '=([^&#]*)' ),
-			match = regex.exec( location.search );
-		return match ? decodeURIComponent( match[ 1 ].replace( /\+/g, ' ' ) ) : '';
-	}
-
-	self.fbOptions = {
-		scriptPath: getParam( 'fb' ),
-		ready: [ init ]
-	};
-
-	var script = document.createElement( 'script' );
-	script.src = fbOptions.scriptPath;
-	document.head.appendChild( script );
-
-} )()
-</script>
-
-<style>
-html, body, #container {
-	position: absolute;
-	overflow: hidden;
-	width: 100%;
-	height: 100%;
-	margin: 0;
-	padding: 0;
-	border-width: 0;
-	background-color: #000;
-}
-p {
-	display: none;
-	position: absolute;
-	z-index: 7;
-	width: 60%;
-	text-align: center;
-	left: 0;
-	right: 0;
-	margin: 24px auto;
-	padding: 16px;
-	border: 2px solid darkred;
-	background-color: #fffacd;
-}
-video {
-	object-fit: cover;
-}
-</style>
-
-</head>
-<body>
-
-<div id="container">
-<p>Uh-oh.<br />
-Video playback failed.<br />
-That's all we know.<br /><br />
-<a></a>
-</p>
-</div>
-
-</body>
-</html>

htdocs/assets/floatbox/resources/video/index.html

@@ -1,158 +0,0 @@
-<!doctype html><html style="background-color:#000;" lang="en"><head><meta charset="utf-8"><title>Video Player - Floatbox</title><script>( function () {
-	var
-		$container,
-		$player,
-		posterPath;
-
-	function init () {
-		var
-			$mp4Source = document.createElement( 'source' ),
-			$webmSource = document.createElement( 'source' ),
-			params = fb.deserialize( location.search.substring( 1 ) ),
-			mp4Path = params.source,
-			webmPath = mp4Path.replace( /\.mp4\b/i, '.webm' ),
-			autoPlay = params.autoplay != '0',
-			esc = params.esc != 'false',
-			tapState;
-
-		$container = fb.$( 'container' );
-		$player = document.createElement( 'video' );
-		posterPath = params.poster == 'null' ? null : params.poster || mp4Path.replace( /\.mp4\b/i, '.jpg' );
-		$mp4Source.type = 'video/mp4';
-		$mp4Source.src = mp4Path;
-		$player.appendChild( $mp4Source );
-		$webmSource.type = 'video/webm';
-		$webmSource.src = webmPath;
-		$player.appendChild( $webmSource );
-
-		fb.attr( $player, {
-			id: 'fbPlayer',
-			width: '100%',
-			height: '100%',
-			controls: '',
-			playsinline: '',
-			poster: autoPlay ? null : posterPath
-		} );
-
-		fb.addEvent( window, 'message', messageHandler );
-		fb.addEvent( $player, [ 'mousedown', 'touchstart', 'mouseup', 'touchend' ], onTap );
-		fb.addEvent( $player, 'ended', onFinish );
-		fb.addEvent( $webmSource, 'error', onError );
-		if ( esc ) {
-			fb.addEvent( document, 'keydown', onKey, true );
-		}
-
-		$container.style.backgroundColor = params.bgcolor || 'transparent';
-		$container.appendChild( $player );
-		$player.tabIndex = 0;
-		$container.tabIndex = -1;
-		$container.focus();
-
-		if ( $player.canPlayType ) {
-			if ( autoPlay ) {
-				autoPlay = $player.play();
-				if ( $player.paused !== false && !( 'Promise' in window && autoPlay instanceof Promise ) ) {
-					fb.attr( $player, 'poster', posterPath );
-					$player.load();
-				}
-			}
-		}
-		else {
-			onError();
-		}
-
-		function onTap ( e ) {
-			if ( e.button || e.touches && e.touches[ 1 ] ) {
-				tapState = null;
-			}
-			else if ( e.type == 'mousedown' || e.type == 'touchstart' ) {
-				if ( tapState !== !!tapState && $player.offsetHeight - ( e.touches ? e.touches[ 0 ] : e ).clientY > 55 ) {
-					tapState = $player.paused;
-				}
-			}
-			else {
-				setTimeout( function () {
-					if ( $player.paused === tapState ) {
-						if ( tapState ) {
-							$player.play();
-						}
-						else {
-							$player.pause();
-						}
-					}
-					tapState = null;
-				}, 77 );
-			}
-		}
-
-		function onKey ( e ) {
-			if ( e.keyCode == 27 ) {
-				fb.stopEvent( e );
-				onFinish( 'esc' );
-			}
-		}
-
-		function onFinish ( msg ) {
-			parent.postMessage( { 'event': msg.type || msg }, document.referrer );
-		}
-
-		function onError () {
-			var
-				p = fb.select( 'p', $container, 0 ),
-				a = fb.select( 'a', p, 0 );
-			a.href = a.innerHTML = mp4Path;
-			p.style.display = 'block';
-		}
-	}  // init
-
-	function messageHandler ( e ) {
-		// Receive instructions from core
-		if ( e.data.action == 'load' ) {
-			fb.attr( $player, 'poster', posterPath );
-			$player.load();
-		}
-	}
-
-	function getParam ( name ) {
-		name = name.replace( /\[/, '\\[' ).replace( /\]/, '\\]' );
-		var
-			regex = new RegExp( '[\\?&]' + name + '=([^&#]*)' ),
-			match = regex.exec( location.search );
-		return match ? decodeURIComponent( match[ 1 ].replace( /\+/g, ' ' ) ) : '';
-	}
-
-	self.fbOptions = {
-		scriptPath: getParam( 'fb' ),
-		ready: [ init ]
-	};
-
-	var script = document.createElement( 'script' );
-	script.src = fbOptions.scriptPath;
-	document.head.appendChild( script );
-
-} )()</script><style>html, body, #container {
-	position: absolute;
-	overflow: hidden;
-	width: 100%;
-	height: 100%;
-	margin: 0;
-	padding: 0;
-	border-width: 0;
-	background-color: #000;
-}
-p {
-	display: none;
-	position: absolute;
-	z-index: 7;
-	width: 60%;
-	text-align: center;
-	left: 0;
-	right: 0;
-	margin: 24px auto;
-	padding: 16px;
-	border: 2px solid darkred;
-	background-color: #fffacd;
-}
-video {
-	object-fit: cover;
-}</style></head><body><div id="container"><p>Uh-oh.<br>Video playback failed.<br>That's all we know.<br><br><a></a></p></div></body></html>

htdocs/assets/img/License_BY-SA_4.0.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="135" height="20" role="img" aria-label="License: BY-SA 4.0"><title>License: BY-SA 4.0</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="135" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="68" height="20" fill="#555"/><rect x="68" width="67" height="20" fill="#ef9421"/><rect width="135" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRUY5NDIxIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+Q3JlYXRpdmUgQ29tbW9uczwvdGl0bGU+PHBhdGggZD0iTTExLjk4MyAwYy0zLjI5MiAwLTYuMTkgMS4yMTctOC40MjggMy40ODVDMS4yNSA1LjgxOSAwIDguODQ0IDAgMTJjMCAzLjE4OSAxLjIxNyA2LjE0OCAzLjUyMiA4LjQ1QzUuODI3IDIyLjc1IDguODIyIDI0IDExLjk4MyAyNGMzLjE2IDAgNi4yMjItMS4yNSA4LjU5My0zLjU4M0MyMi44MTUgMTguMjE0IDI0IDE1LjI4NyAyNCAxMmMwLTMuMjU1LTEuMTg2LTYuMjE0LTMuNDU4LTguNDgzQzE4LjIzOCAxLjIxNyAxNS4yNzUgMCAxMS45ODMgMHptLjAzMyAyLjE3YzIuNyAwIDUuMTAzIDEuMDIgNi45OCAyLjg5MyAxLjg0MyAxLjg0MSAyLjgzIDQuMjc0IDIuODMgNi45MzcgMCAyLjY5Ni0uOTU0IDUuMDYzLTIuNzk4IDYuODcyLTEuOTQzIDEuOTA2LTQuNDQ0IDIuOTI2LTcuMDEyIDIuOTI2LTIuNjAxIDAtNS4wMzgtMS4wMTktNi45MTQtMi44OTMtMS44NzctMS44NzUtMi45My00LjM0LTIuOTMtNi45MDUgMC0yLjU5NyAxLjA1My01LjA2MyAyLjkzLTYuOTcgMS44NDQtMS44NzQgNC4yMTQtMi44NiA2LjkxNC0yLjg2ek04LjY4IDguMjc4QzYuNzIzIDguMjc4IDUuMTY1IDkuNjYgNS4xNjUgMTJjMCAyLjM4IDEuNDY1IDMuNzIyIDMuNTgxIDMuNzIyIDEuMzU4IDAgMi41MTYtLjc0NCAzLjE1NS0xLjg3NGwtMS40OTEtLjc1OGMtLjMzMy43OTgtLjgzOSAxLjAzNy0xLjQ3OCAxLjAzNy0xLjEwNSAwLTEuNjEtLjkxNy0xLjYxLTIuMTI2IDAtMS4yMS40MjYtMi4xMjcgMS42MS0yLjEyNy4zMiAwIC45Ni4xNzMgMS4zMzIuOTdsMS41OTctLjgzOGMtLjY4LTEuMjM2LTEuODM3LTEuNzI4LTMuMTgxLTEuNzI4em02LjkzMiAwYy0xLjk1NyAwLTMuNTE0IDEuMzgyLTMuNTE0IDMuNzIyIDAgMi4zOCAxLjQ2NCAzLjcyMiAzLjU4IDMuNzIyIDEuMzU5IDAgMi41MTYtLjc0NCAzLjE1NS0xLjg3NGwtMS40OS0uNzU4Yy0uMzMzLjc5OC0uODQgMS4wMzctMS40NzggMS4wMzctMS4xMDUgMC0xLjYxMS0uOTE3LTEuNjExLTIuMTI2IDAtMS4yMS40MjYtMi4xMjcgMS42MS0yLjEyNy4zMiAwIC45Ni4xNzMgMS4zMzIuOTdsMS41OTctLjgzOGMtLjY4LTEuMjM2LTEuODM3LTEuNzI4LTMuMTgxLTEuNzI4eiIvPjwvc3ZnPg=="/><text aria-hidden="true" x="435" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="410">License</text><text x="435" y="140" transform="scale(.1)" fill="#fff" textLength="410">License</text><text aria-hidden="true" x="1005" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="570">BY-SA 4.0</text><text x="1005" y="140" transform="scale(.1)" fill="#fff" textLength="570">BY-SA 4.0</text></g></svg>

htdocs/assets/img/git-ocogeclub.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="107" height="20" role="img" aria-label="Git: ocogeclub"><title>Git: ocogeclub</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="107" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="42" height="20" fill="#555"/><rect x="42" width="65" height="20" fill="#609926"/><rect width="107" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRjA1MDMyIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+R2l0PC90aXRsZT48cGF0aCBkPSJNMjMuNTQ2IDEwLjkzTDEzLjA2Ny40NTJjLS42MDQtLjYwMy0xLjU4Mi0uNjAzLTIuMTg4IDBMOC43MDggMi42MjdsMi43NiAyLjc2Yy42NDUtLjIxNSAxLjM3OS0uMDcgMS44ODkuNDQxLjUxNi41MTUuNjU4IDEuMjU4LjQzOCAxLjlsMi42NTggMi42NmMuNjQ1LS4yMjMgMS4zODctLjA3OCAxLjkuNDM1LjcyMS43Mi43MjEgMS44ODQgMCAyLjYwNC0uNzE5LjcxOS0xLjg4MS43MTktMi42IDAtLjUzOS0uNTQxLS42NzQtMS4zMzctLjQwNC0xLjk5NkwxMi44NiA4Ljk1NXY2LjUyNWMuMTc2LjA4Ni4zNDIuMjAzLjQ4OC4zNDguNzEzLjcyMS43MTMgMS44ODMgMCAyLjYtLjcxOS43MjEtMS44ODkuNzIxLTIuNjA5IDAtLjcxOS0uNzE5LS43MTktMS44NzkgMC0yLjU5OC4xODItLjE4LjM4Ny0uMzE2LjYwNS0uNDA2VjguODM1Yy0uMjE3LS4wOTEtLjQyNC0uMjIyLS42LS40MDEtLjU0NS0uNTQ1LS42NzYtMS4zNDItLjM5Ni0yLjAwOUw3LjYzNiAzLjcuNDUgMTAuODgxYy0uNi42MDUtLjYgMS41ODQgMCAyLjE4OWwxMC40OCAxMC40NzdjLjYwNC42MDQgMS41ODIuNjA0IDIuMTg2IDBsMTAuNDMtMTAuNDNjLjYwNS0uNjAzLjYwNS0xLjU4MiAwLTIuMTg3Ii8+PC9zdmc+"/><text aria-hidden="true" x="305" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="150">Git</text><text x="305" y="140" transform="scale(.1)" fill="#fff" textLength="150">Git</text><text aria-hidden="true" x="735" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="550">ocogeclub</text><text x="735" y="140" transform="scale(.1)" fill="#fff" textLength="550">ocogeclub</text></g></svg>

htdocs/assets/img/index.html

@@ -1,5 +0,0 @@
-<!DOCTYPE html>
-
-<body style="background-color: green;">
-    <img src="./tama_ko.webp">
-</body>

htdocs/assets/img/no-image.svg

@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 254 132.292" height="500" width="960">
-    <defs/>
-    <path d="M0 0h254v132.292H0z" fill="#ccc"/>
-    <text y="70.535" x="83.615" font-size="18.521" font-family="sans-serif" letter-spacing="0" word-spacing="0" fill="#666">
-        <tspan y="70.535" x="83.615">No Image</tspan>
-    </text>
-</svg>

htdocs/assets/img/ocogitpages.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="105" height="20" role="img" aria-label="ocogIt: Pages"><title>ocogIt: Pages</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="105" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="62" height="20" fill="#555"/><rect x="62" width="43" height="20" fill="magenta"/><rect width="105" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRjA1MDMyIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+R2l0PC90aXRsZT48cGF0aCBkPSJNMjMuNTQ2IDEwLjkzTDEzLjA2Ny40NTJjLS42MDQtLjYwMy0xLjU4Mi0uNjAzLTIuMTg4IDBMOC43MDggMi42MjdsMi43NiAyLjc2Yy42NDUtLjIxNSAxLjM3OS0uMDcgMS44ODkuNDQxLjUxNi41MTUuNjU4IDEuMjU4LjQzOCAxLjlsMi42NTggMi42NmMuNjQ1LS4yMjMgMS4zODctLjA3OCAxLjkuNDM1LjcyMS43Mi43MjEgMS44ODQgMCAyLjYwNC0uNzE5LjcxOS0xLjg4MS43MTktMi42IDAtLjUzOS0uNTQxLS42NzQtMS4zMzctLjQwNC0xLjk5NkwxMi44NiA4Ljk1NXY2LjUyNWMuMTc2LjA4Ni4zNDIuMjAzLjQ4OC4zNDguNzEzLjcyMS43MTMgMS44ODMgMCAyLjYtLjcxOS43MjEtMS44ODkuNzIxLTIuNjA5IDAtLjcxOS0uNzE5LS43MTktMS44NzkgMC0yLjU5OC4xODItLjE4LjM4Ny0uMzE2LjYwNS0uNDA2VjguODM1Yy0uMjE3LS4wOTEtLjQyNC0uMjIyLS42LS40MDEtLjU0NS0uNTQ1LS42NzYtMS4zNDItLjM5Ni0yLjAwOUw3LjYzNiAzLjcuNDUgMTAuODgxYy0uNi42MDUtLjYgMS41ODQgMCAyLjE4OWwxMC40OCAxMC40NzdjLjYwNC42MDQgMS41ODIuNjA0IDIuMTg2IDBsMTAuNDMtMTAuNDNjLjYwNS0uNjAzLjYwNS0xLjU4MiAwLTIuMTg3Ii8+PC9zdmc+"/><text aria-hidden="true" x="405" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="350">ocogIt</text><text x="405" y="140" transform="scale(.1)" fill="#fff" textLength="350">ocogIt</text><text aria-hidden="true" x="825" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="330">Pages</text><text x="825" y="140" transform="scale(.1)" fill="#fff" textLength="330">Pages</text></g></svg>