Tricktree FB v3.3 → v3.4

Created Diff never expires
13 removals
445 lines
13 additions
445 lines
<?xml version="1.0" encoding="UTF-8" ?>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><b:attr name='xmlns' value=''/><b:attr name='xmlns:b' value=''/><b:attr name='xmlns:expr' value=''/><b:attr name='xmlns:data' value=''/>
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><b:attr name='xmlns' value=''/><b:attr name='xmlns:b' value=''/><b:attr name='xmlns:expr' value=''/><b:attr name='xmlns:data' value=''/>
<head>
<head>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/>
<meta expr:content='&quot;text/html; charset=&quot; + data:blog.encoding' http-equiv='Content-Type'/>
<meta expr:content='&quot;text/html; charset=&quot; + data:blog.encoding' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<meta content='blogger' name='generator'/>
<!-- SEO -->
<!-- SEO -->
<b:if cond='data:view.isPage'>
<b:if cond='data:view.isPage'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<b:else/>
<title><data:blog.title/></title>
<title><data:blog.title/></title>
</b:if>
</b:if>
<meta expr:content='data:view.description.escaped' name='description'/>
<meta expr:content='data:view.description.escaped' name='description'/>
<!-- OGP -->
<!-- OGP -->
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<meta content='OGP画像URL' property='og:image'/>
<meta content='OGP画像URL' property='og:image'/>
<meta content='website' property='og:type'/>
<meta content='website' property='og:type'/>
<meta content='summary' name='twitter:card'/>
<meta content='summary' name='twitter:card'/>
<b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if>
<b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if>
<style>/*<![CDATA[*/
<style>/*<![CDATA[*/
/*
/*
-----------------------------------------------
-----------------------------------------------
Blogger Template Style
Blogger Template Style
Name : Tricktree FB
Name : Tricktree FB
Base Designer : F(uriouz)
Base Designer : F(uriouz)
URL : https://trick-tree.blogspot.com/
URL : https://trick-tree.blogspot.com/
Modified by : Fujiyan & BINUBALL
Modified by : Fujiyan & BINUBALL
Version : 3.3
Version : 3.4
----------------------------------------------- */
----------------------------------------------- */


/*== 初期化 CSS ==*/
/*== 初期化 CSS ==*/
html{min-height:100vh}.item-control{display:none}*{margin:0;padding:0;font-size:100%;vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{font-size:62.5%}body{word-wrap:break-word;overflow-wrap:break-word}img{height:auto;max-width:100%;vertical-align:bottom}iframe{max-width:100%;border:none}.post-body ol,.post-body ul{padding-left:1.5em}
html{min-height:100vh}.item-control{display:none}*{margin:0;padding:0;font-size:100%;vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{font-size:62.5%}body{word-wrap:break-word;overflow-wrap:break-word}img{height:auto;max-width:100%;vertical-align:bottom}iframe{max-width:100%;border:none}.post-body ol,.post-body ul{padding-left:1.5em}


/*== メインコンテンツ ==*/
/*== メインコンテンツ ==*/
body {
body {
font-family: verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
font-family: verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
color: var(--font);
color: var(--font);
background: var(--bg-color);
background: var(--bg-color);
padding: 3em 1em 0;
padding: 3em 1em 0;
margin: 0;
margin: 0;
}
}
a {
a {
text-decoration: none;
text-decoration: none;
color: var(--font);
color: var(--font);
transition: .3s;
transition: .3s;
}
}
a:hover {
a:hover {
color: var(--link-color);
color: var(--link-color);
}
}
#Image1 {
#Image1 {
text-align: center;
text-align: center;
}
}
img.profile-picture {
img.profile-picture {
height: 100px;
height: 100px;
width: 100px;
width: 100px;
object-fit: cover;
object-fit: cover;
border-radius: 50%;
border-radius: 50%;
}
}
.profile-name {
.profile-name {
display: block;
display: block;
font-size: 2rem;
font-size: 2rem;
font-weight: bold;
font-weight: bold;
line-height: 1em;
line-height: 1em;
text-align: center;
text-align: center;
padding: 1.2em 0;
padding: 1.2em 0;
}
}
#profile-text {
#profile-text {
color: var(--dark-font);
color: var(--dark-font);
font-weight: normal;
font-weight: normal;
font-size: 1.3rem;
font-size: 1.3rem;
margin-top: 1.3em;
margin-top: 1.3em;
}
}
.linksWrap {
.linksWrap {
width: 1200px;
width: 1200px;
max-width: 100%;
max-width: 100%;
margin: 1em auto 4em;
margin: 1em auto 4em;
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
justify-content: space-between;
}
}
.linksWrap::after {
.linksWrap::after {
display: block;
display: block;
content: "";
content: "";
width: 32%;
width: 32%;
}
}
.links {
.links {
text-align: center;
text-align: center;
font-size: 1.6rem;
font-size: 1.6rem;
line-height: 1em;
line-height: 1em;
padding: 1.3em;
padding: 1.3em;
margin: 0 0 1.5em;
margin: 0 0 1.5em;
background: linear-gradient(to bottom, var(--brand2), var(--brand));
background: linear-gradient(to bottom, var(--brand2), var(--brand));
flex-basis: 32%;
flex-basis: 32%;
word-break: normal;
word-break: normal;
border-radius: 40px;
border-radius: 40px;
}
}
.links:hover {
.links:hover {
color: var(--font);
color: var(--font);
box-shadow: 8px 8px 10px var(--shadow);
box-shadow: 8px 8px 10px var(--shadow);
}
}
@media (max-width: 1024px) {
@media (max-width: 1024px) {
.links {
.links {
flex-basis: 48%;
flex-basis: 48%;
}
}
}
}
@media (max-width: 600px) {
@media (max-width: 600px) {
.links {
.links {
flex-basis: 100%;
flex-basis: 100%;
}
}
}
}
#footer {
#footer {
text-align: center;
text-align: center;
font-size: 2rem;
font-size: 2rem;
margin: 1em 0 2em;
margin: 1em 0 2em;
}

/*== ライトモード配色 ==*/
:root {
--bg-color: linear-gradient(to bottom, #fff, lightblue);
--font: #333;
--dark-font: #666;
--link-color: royalblue;
--brand: #afddfa;
--brand2: lightskyblue;
--shadow: #ccc;
}
}


/*== ダークモード配色 ==*/
/*== ダークモード配色 ==*/
:root[data-theme-mode="dark"] {
:root {
--bg-color: linear-gradient(to bottom, #346, #013);
--bg-color: linear-gradient(to bottom, #346, #013);
--font: #eee;
--font: #eee;
--dark-font: #c0c0c0;
--dark-font: #c0c0c0;
--link-color: deepskyblue;
--link-color: deepskyblue;
--brand: dodgerblue;
--brand: dodgerblue;
--brand2: #1e50a2;
--brand2: #1e50a2;
--shadow: #000;
--shadow: #000;
}

/*== ライトモード配色 ==*/
:root[data-theme-mode="light"] {
--bg-color: linear-gradient(to bottom, #fff, lightblue);
--font: #333;
--dark-font: #666;
--link-color: royalblue;
--brand: #afddfa;
--brand2: lightskyblue;
--shadow: #ccc;
}
}


/*== モード切替ボタン ==*/
/*== モード切替ボタン ==*/
input[type="checkbox"] {
input[type="checkbox"] {
display: none;
display: none;
}
}
.switch {
.switch {
position: fixed;
position: fixed;
top: 2em;
top: 2em;
right: 3em;
right: 3em;
}
}
.switch label {
.switch label {
cursor: pointer;
cursor: pointer;
}
}
.switch svg {
.switch svg {
height: 24px;
height: 24px;
width: 24px;
width: 24px;
color: var(--dark-font);
color: var(--dark-font);
transition: .3s;
transition: .3s;
}
}
.switch svg:hover {
.switch svg:hover {
color: var(--font);
color: var(--font);
}
}
#switch-mode-dark svg {
#switch-mode-dark svg {
transform: scale(-1, 1);
transform: scale(-1, 1);
}
}
#switch-mode-dark {
#switch-mode-dark {
display: none;
display: none;
}
}
#js_mode_toggle:checked ~ label #switch-mode-dark {
#js_mode_toggle:checked ~ label #switch-mode-dark {
display: initial;
display: initial;
}
}
#js_mode_toggle:checked ~ label #switch-mode-light {
#js_mode_toggle:checked ~ label #switch-mode-light {
display: none;
display: none;
}
}


/*== 固定ページ ==*/
/*== 固定ページ ==*/
.page {
.page {
font-size: 1.6rem;
font-size: 1.6rem;
line-height: 1.7;
line-height: 1.7;
max-width: 800px;
max-width: 800px;
margin: 3em auto 5em;
margin: 3em auto 5em;
}
}
.post-body p {
.post-body p {
margin: 2em 0;
margin: 2em 0;
}
}
.page-title {
.page-title {
font-size: 2.5rem;
font-size: 2.5rem;
text-align: center;
text-align: center;
font-weight: bold;
font-weight: bold;
margin-bottom: 1em;
margin-bottom: 1em;
}
}
.post-body a {
.post-body a {
color: var(--link-color);
color: var(--link-color);
text-decoration: underline!important;
text-decoration: underline!important;
}
}
.home-link {
.home-link {
text-align: center;
text-align: center;
font-size: 1.8rem;
font-size: 1.8rem;
font-weight: bold;
font-weight: bold;
}
}
.home-link a {
.home-link a {
color: var(--link-color);
color: var(--link-color);
}
}
.icon-action {
.icon-action {
vertical-align: middle;
vertical-align: middle;
}
}
/*]]>*/</style>
/*]]>*/</style>
<b:if cond='data:view.isLayoutMode'>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
<b:template-skin><![CDATA[
body#layout {
body#layout {
background: #fff;
background: #fff;
}
}
body#layout .section h4 {
body#layout .section h4 {
background: dodgerblue;
background: dodgerblue;
color: #fff;
color: #fff;
text-align: center;
text-align: center;
padding: .5em;
padding: .5em;
border-radius: 20px;
border-radius: 20px;
}
}
]]></b:template-skin>
]]></b:template-skin>
</b:if>
</b:if>
</head>
</head>
<body>
<body>
<b:if cond='data:view.isPage'>
<b:if cond='data:view.isPage'>
<b:section id='ページ'>
<b:section id='ページ'>
<b:widget id='Blog1' locked='false' title='ブログの投稿' type='Blog' version='2' visible='true'>
<b:widget id='Blog1' locked='false' title='ブログの投稿' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-settings>
<b:widget-setting name='commentLabel'/>
<b:widget-setting name='commentLabel'/>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='authorLabel'/>
<b:widget-setting name='authorLabel'/>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>false</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
<b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
<b:widget-setting name='showCommentLink'>false</b:widget-setting>
<b:widget-setting name='showCommentLink'>false</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
<b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
<b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showLabels'>false</b:widget-setting>
<b:widget-setting name='showLabels'>false</b:widget-setting>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:includable id='main' var='this'>
<b:loop index='i' values='data:posts' var='post'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</b:loop>
</b:includable>
</b:includable>
<b:includable id='aboutPostAuthor'/>
<b:includable id='aboutPostAuthor'/>
<b:includable id='addComments'/>
<b:includable id='addComments'/>
<b:includable id='blogThisShare'/>
<b:includable id='blogThisShare'/>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineRegion' var='regionItems'/>
<b:includable id='bylineRegion' var='regionItems'/>
<b:includable id='commentAuthorAvatar'/>
<b:includable id='commentAuthorAvatar'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='commentForm' var='post'/>
<b:includable id='commentForm' var='post'/>
<b:includable id='commentFormIframeSrc' var='post'/>
<b:includable id='commentFormIframeSrc' var='post'/>
<b:includable id='commentItem' var='comment'/>
<b:includable id='commentItem' var='comment'/>
<b:includable id='commentList' var='comments'/>
<b:includable id='commentList' var='comments'/>
<b:includable id='commentPicker' var='post'/>
<b:includable id='commentPicker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='commentsTitle'/>
<b:includable id='commentsTitle'/>
<b:includable id='defaultAdUnit'/>
<b:includable id='defaultAdUnit'/>
<b:includable id='emailPostIcon'/>
<b:includable id='emailPostIcon'/>
<b:includable id='facebookShare'/>
<b:includable id='facebookShare'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='footerBylines'/>
<b:includable id='footerBylines'/>
<b:includable id='googlePlusShare'/>
<b:includable id='googlePlusShare'/>
<b:includable id='headerByline'/>
<b:includable id='headerByline'/>
<b:includable id='homePageLink'/>
<b:includable id='homePageLink'/>
<b:includable id='iframeComments' var='post'/>
<b:includable id='iframeComments' var='post'/>
<b:includable id='inlineAd' var='post'/>
<b:includable id='inlineAd' var='post'/>
<b:includable id='linkShare'/>
<b:includable id='linkShare'/>
<b:includable id='nextPageLink'/>
<b:includable id='nextPageLink'/>
<b:includable id='otherSharingButton'/>
<b:includable id='otherSharingButton'/>
<b:includable id='platformShare'/>
<b:includable id='platformShare'/>
<b:includable id='post' var='post'>
<b:includable id='post' var='post'>
<div class='page'>
<div class='page'>
<b:include data='post' name='postTitle'/>
<b:include data='post' name='postTitle'/>
<b:if cond='data:view.isPage'>
<b:if cond='data:view.isPage'>
<b:include data='post' name='postBody'/>
<b:include data='post' name='postBody'/>
</b:if>
</b:if>
</div>
</div>
<div class='home-link'>
<div class='home-link'>
<a expr:href='data:blog.homepageUrl'>
<a expr:href='data:blog.homepageUrl'>
<data:messages.home/>
<data:messages.home/>
</a>
</a>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='postAuthor'/>
<b:includable id='postAuthor'/>
<b:includable id='postBody' var='post'>
<b:includable id='postBody' var='post'>
<div class='post-body' expr:id='&quot;post-body-&quot; + data:post.id'>
<div class='post-body' expr:id='&quot;post-body-&quot; + data:post.id'>
<data:post.body/>
<data:post.body/>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='postBodySnippet' var='post'/>
<b:includable id='postBodySnippet' var='post'/>
<b:includable id='postCommentsAndAd' var='post'>
<b:includable id='postCommentsAndAd' var='post'>
<b:include data='post' name='post'/>
<b:include data='post' name='post'/>
</b:includable>
</b:includable>
<b:includable id='postCommentsLink'/>
<b:includable id='postCommentsLink'/>
<b:includable id='postFooter' var='post'/>
<b:includable id='postFooter' var='post'/>
<b:includable id='postFooterAuthorProfile' var='post'/>
<b:includable id='postFooterAuthorProfile' var='post'/>
<b:includable id='postHeader' var='post'/>
<b:includable id='postHeader' var='post'/>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postLabels'/>
<b:includable id='postLabels'/>
<b:includable id='postLocation'/>
<b:includable id='postLocation'/>
<b:includable id='postMeta' var='post'/>
<b:includable id='postMeta' var='post'/>
<b:includable id='postMetadataJSONImage'/>
<b:includable id='postMetadataJSONImage'/>
<b:includable id='postMetadataJSONPublisher'/>
<b:includable id='postMetadataJSONPublisher'/>
<b:includable id='postPagination'/>
<b:includable id='postPagination'/>
<b:includable id='postQuickEdit' var='post'>
<b:includable id='postQuickEdit' var='post'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:blog.bloggerUrl + &quot;/blog/page/edit/&quot; + data:blog.blogId + &quot;/&quot; + data:post.id' expr:title='data:messages.edit' rel='noopener' target='_blank'><img alt='pen' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/></a>
<a expr:href='data:blog.bloggerUrl + &quot;/blog/page/edit/&quot; + data:blog.blogId + &quot;/&quot; + data:post.id' expr:title='data:messages.edit' rel='noopener' target='_blank'><img alt='pen' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/></a>
</span>
</span>
</b:includable>
</b:includable>
<b:includable id='postReactions'/>
<b:includable id='postReactions'/>
<b:includable id='postShareButtons'/>
<b:includable id='postShareButtons'/>
<b:includable id='postTimestamp'/>
<b:includable id='postTimestamp'/>
<b:includable id='postTitle' var='post'>
<b:includable id='postTitle' var='post'>
<div class='page-title'>
<div class='page-title'>
<b:include data='post' name='postQuickEdit'/>
<b:include data='post' name='postQuickEdit'/>
<data:post.title/>
<data:post.title/>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='previousPageLink'/>
<b:includable id='previousPageLink'/>
<b:includable id='sharingButton'/>
<b:includable id='sharingButton'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='threadedCommentForm' var='post'/>
<b:includable id='threadedCommentForm' var='post'/>
<b:includable id='threadedCommentJs' var='post'/>
<b:includable id='threadedCommentJs' var='post'/>
<b:includable id='threadedComments' var='post'/>
<b:includable id='threadedComments' var='post'/>
</b:widget>
</b:widget>
</b:section>
</b:section>
<b:else/>
<b:else/>
<b:section id='ユーザー' preferred='yes' showaddelement='yes'>
<b:section id='ユーザー' preferred='yes' showaddelement='yes'>
<b:widget id='Image1' locked='true' title='プロフィール画像' type='Image' version='2' visible='true'>
<b:widget id='Image1' locked='true' title='プロフィール画像' type='Image' version='2' visible='true'>
<b:widget-settings>
<b:widget-settings>
<b:widget-setting name='displayUrl'>https://1.bp.blogspot.com/-EIs6wOu2Ko8/YbGyrLuL9hI/AAAAAAAAWxE/KayYW84jafE_yViWWkYsBGOS_k3tcG-LACNcBGAsYHQ/s200-e365-rw/avatar.png</b:widget-setting>
<b:widget-setting name='displayUrl'>https://1.bp.blogspot.com/-EIs6wOu2Ko8/YbGyrLuL9hI/AAAAAAAAWxE/KayYW84jafE_yViWWkYsBGOS_k3tcG-LACNcBGAsYHQ/s200-e365-rw/avatar.png</b:widget-setting>
<b:widget-setting name='displayHeight'>200</b:widget-setting>
<b:widget-setting name='displayHeight'>200</b:widget-setting>
<b:widget-setting name='sectionWidth'>1059</b:widget-setting>
<b:widget-setting name='sectionWidth'>1059</b:widget-setting>
<b:widget-setting name='shrinkToFit'>true</b:widget-setting>
<b:widget-setting name='shrinkToFit'>true</b:widget-setting>
<b:widget-setting name='displayWidth'>200</b:widget-setting>
<b:widget-setting name='displayWidth'>200</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'><![CDATA[ユーザー名<p id="profile-text">ここに自己紹介</p>]]></b:widget-setting>
<b:widget-setting name='caption'><![CDATA[ユーザー名<p id="profile-text">ここに自己紹介</p>]]></b:widget-setting>
</b:widget-settings>
</b:widget-settings>
<b:includable id='main'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<b:if cond='data:title != &quot;&quot;'>
</b:if>
</b:if>
<div class='widget-content'>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img class='profile-picture' expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<img class='profile-picture' expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:tag>
</b:tag>
<b:if cond='data:caption'>
<b:if cond='data:caption'>
<div class='profile-name'>
<div class='profile-name'>
<data:caption/>
<data:caption/>
</div>
</div>
</b:if>
</b:if>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='content'>
<b:includable id='content'>
<div class='widget-content'>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'>
<b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
<b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
</img>
</img>
</b:tag>
</b:tag>
<br/>
<br/>
<b:if cond='data:caption'>
<b:if cond='data:caption'>
<span class='caption'><data:caption/></span>
<span class='caption'><data:caption/></span>
</b:if>
</b:if>
</div>
</div>
</b:includable>
</b:includable>
</b:widget>
</b:widget>
</b:section>
</b:section>
<b:section id='リンクリスト'>
<b:section id='リンクリスト'>
<b:widget id='PageList1' locked='true' title='リンク編集' type='PageList' version='2' visible='true'>
<b:widget id='PageList1' locked='true' title='リンク編集' type='PageList' version='2' visible='true'>
<b:widget-settings>
<b:widget-settings>
<b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"リンク 2"},"link0":{"href":"#","position":0,"title":"リンク 1"},"link3":{"href":"#","position":3,"title":"リンク4"},"link2":{"href":"#","position":2,"title":"リンク 3"}}]]></b:widget-setting>
<b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"リンク 2"},"link0":{"href":"#","position":0,"title":"リンク 1"},"link3":{"href":"#","position":3,"title":"リンク4"},"link2":{"href":"#","position":2,"title":"リンク 3"}}]]></b:widget-setting>
<b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
<b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
</b:widget-settings>
</b:widget-settings>
<b:includable id='main'>
<b:includable id='main'>
<div class='linksWrap'>
<div class='linksWrap'>
<b:loop values='data:links' var='link'>
<b:loop values='data:links' var='link'>
<a class='links' expr:href='data:link.href'><data:link.title/></a>
<a class='links' expr:href='data:link.href'><data:link.title/></a>
</b:loop>
</b:loop>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='content'/>
<b:includable id='content'/>
<b:includable id='overflowButton'/>
<b:includable id='overflowButton'/>
<b:includable id='overflowablePageList'/>
<b:includable id='overflowablePageList'/>
<b:includable id='pageLink'/>
<b:includable id='pageLink'/>
<b:includable id='pageList'/>
<b:includable id='pageList'/>
</b:widget>
</b:widget>
</b:section>
</b:section>
</b:if>
</b:if>
<b:section id='フッター'>
<b:section id='フッター'>
<b:widget id='HTML1' locked='true' title='フッター表記' type='HTML' version='2' visible='true'>
<b:widget id='HTML1' locked='true' title='フッター表記' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[Designed by <a target="_blank" rel="noopener" href="https://fujilogic.blogspot.com/2022/01/fujiyan-original-portal-site.html">Tricktree FB</a>]]></b:widget-setting>
<b:widget-setting name='content'><![CDATA[Designed by <a target="_blank" rel="noopener" href="https://fujilogic.blogspot.com/2022/01/fujiyan-original-portal-site.html">Tricktree FB</a>]]></b:widget-setting>
</b:widget-settings>
</b:widget-settings>
<b:includable id='main'>
<b:includable id='main'>
<div class='widget-content' id='footer'>
<div class='widget-content' id='footer'>
<data:content/>
<data:content/>
</div>
</div>
</b:includable>
</b:includable>
</b:widget>
</b:widget>
</b:section>
</b:section>
<!-- モード切替え -->
<!-- モード切替え -->
<div class='switch'>
<div class='switch'>
<input id='js_mode_toggle' type='checkbox'/>
<input id='js_mode_toggle' type='checkbox'/>
<label class='switch-mode' for='js_mode_toggle' id='js_rotate'>
<label class='switch-mode' for='js_mode_toggle' id='js_rotate'>
<span id='switch-mode-dark' title='ダークモード'>
<span id='switch-mode-dark' title='ダークモード'>
<svg class='feather feather-moon' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg>
<svg class='feather feather-moon' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg>
</span>
</span>
<span id='switch-mode-light' title='ライトモード'>
<span id='switch-mode-light' title='ライトモード'>
<svg class='feather feather-sun' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='5'/><line x1='12' x2='12' y1='1' y2='3'/><line x1='12' x2='12' y1='21' y2='23'/><line x1='4.22' x2='5.64' y1='4.22' y2='5.64'/><line x1='18.36' x2='19.78' y1='18.36' y2='19.78'/><line x1='1' x2='3' y1='12' y2='12'/><line x1='21' x2='23' y1='12' y2='12'/><line x1='4.22' x2='5.64' y1='19.78' y2='18.36'/><line x1='18.36' x2='19.78' y1='5.64' y2='4.22'/></svg>
<svg class='feather feather-sun' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='5'/><line x1='12' x2='12' y1='1' y2='3'/><line x1='12' x2='12' y1='21' y2='23'/><line x1='4.22' x2='5.64' y1='4.22' y2='5.64'/><line x1='18.36' x2='19.78' y1='18.36' y2='19.78'/><line x1='1' x2='3' y1='12' y2='12'/><line x1='21' x2='23' y1='12' y2='12'/><line x1='4.22' x2='5.64' y1='19.78' y2='18.36'/><line x1='18.36' x2='19.78' y1='5.64' y2='4.22'/></svg>
</span>
</span>
</label>
</label>
</div>
</div>
<script>//<![CDATA[
<script>//<![CDATA[
const checkToggle=document.getElementById("js_mode_toggle"),rotateIcon=document.getElementById("js_rotate"),isLight=window.matchMedia("(prefers-color-scheme:light)").matches,keyLocalStorage="modekey",localTheme=localStorage.getItem("modekey");let nowRotate=0;function changeMode(e){"light"===e?(document.documentElement.setAttribute("data-theme-mode","light"),checkToggle.checked=!0):"dark"===e&&(document.documentElement.setAttribute("data-theme-mode","dark"),checkToggle.checked=!1)}function rotateInfinite(){nowRotate+=180,rotateIcon.style.transform="rotate("+nowRotate+"deg)"}"light"===localTheme?(rotateInfinite(),changeMode("light")):"dark"===localTheme?changeMode("dark"):isLight&&(rotateInfinite(),changeMode("light")),checkToggle.addEventListener("change",function(e){rotateInfinite(),e.target.checked?(changeMode("light"),localStorage.setItem("modekey","light")):(changeMode("dark"),localStorage.setItem("modekey","dark"))});
const checkToggle=document.getElementById("js_mode_toggle"),rotateIcon=document.getElementById("js_rotate"),isLight=window.matchMedia("(prefers-color-scheme:light)").matches,keyLocalStorage="modekey",localTheme=localStorage.getItem("modekey");let nowRotate=0;function changeMode(e){"light"===e?(document.documentElement.setAttribute("data-theme-mode","light"),checkToggle.checked=!0):"dark"===e&&(document.documentElement.setAttribute("data-theme-mode","dark"),checkToggle.checked=!1)}function rotateInfinite(){nowRotate+=180,rotateIcon.style.transform="rotate("+nowRotate+"deg)"}"light"===localTheme?(rotateInfinite(),changeMode("light")):"dark"===localTheme?changeMode("dark"):isLight&&(rotateInfinite(),changeMode("light")),checkToggle.addEventListener("change",function(e){rotateInfinite(),e.target.checked?(changeMode("light"),localStorage.setItem("modekey","light")):(changeMode("dark"),localStorage.setItem("modekey","dark"))});
//]]>
//]]>
</script>
</script>
<script>//<![CDATA[
<script>//<![CDATA[
function rmurl(t){const r=new RegExp(/\?m=1/);return t=t.replace(r,''),history.replaceState({},document.title,t),t;}const currentUrl=rmurl(location.toString());
function rmurl(t){const r=new RegExp(/\?m=1/);return t=t.replace(r,''),history.replaceState({},document.title,t),t;}const currentUrl=rmurl(location.toString());
//]]>
//]]>
</script>
</script>
&lt;!--</body>--&gt;&lt;/body&gt;
&lt;!--</body>--&gt;&lt;/body&gt;
</html>
</html>