Skip to content

Commit

Permalink
照片售卖
Browse files Browse the repository at this point in the history
  • Loading branch information
@PangXitong
PangXitong committed May 19, 2024
1 parent 51d595e commit 5009a75
Show file tree
Hide file tree
Showing 5 changed files with 482 additions and 146 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
Binary file modified blog/.DS_Store
View file
Binary file not shown.
321 changes: 321 additions & 0 deletions blog/photos.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,321 @@
<!DOCTYPE html>
<html lang="zh-CN" data-a11y-animated-images="system" data-a11y-link-underlines="false">
<head>
<meta charset="utf-8">
<title>照片售卖</title>
<link media="all" rel="stylesheet" href="./Pricing/light-983b05c0927a.css" />
<link media="all" rel="stylesheet" type="text/css" href="./Pricing/primer-057c0a4d4826.css" />
<link media="all" rel="stylesheet" type="text/css" href="./Pricing/site-657ed51f7599.css" />
<link rel="shortcut icon" href="./images/favicon.ico">
<link rel="bookmark" href="./images/favicon.ico">
</head>
<body class="logged-in env-production page-responsive header-white" style="word-wrap: break-word;">
<div
class="application-main "
data-commit-hovercards-enabled
data-discussion-hovercards-enabled
data-issue-and-pr-hovercards-enabled
>
<!--百度统计-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?c3a493d9a1c55744165dff839ae8bd12";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>

<!-- 菜单栏 -->

<header class="blog-header left-0 width-full z-3"style="position: fixed;">
<div data-color-mode="light" data-light-theme="light" data-dark-theme="dark_dimmed" class="border-bottom color-border-muted">
<nav class="nav-header-with-logo nav-bar-include-search container-xl mx-auto p-responsive-blog position-relative">
<div class="d-flex flex-justify-between flex-items-center pt-3 pb-3 color-fg-default">
<div class="d-flex flex-items-center">
<a href="https://github.com" target="_blank" rel="noreferrer" title="Visit GitHub" class="Header-link color-fg-default">
<!--<svg aria-hidden="true" role="img" class="octicon octicon-mark-github d-block" viewBox="0 0 16 16" width="32" height="32" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:text-bottom;overflow:visible"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>-->
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 400 400">
<circle cx="200" cy="200" r="55" fill="black" /> <!-- 黑色圆圈 -->
<circle cx="200" cy="200" r="180" fill="none" stroke="black" stroke-width="5" /> <!-- 黑色圆环2 -->
<circle cx="200" cy="200" r="140" fill="none" stroke="black" stroke-width="5" /> <!-- 黑色圆环3 -->
<circle cx="200" cy="200" r="100" fill="none" stroke="black" stroke-width="5" /> <!-- 黑色圆环4 -->
<circle cx="155" cy="330" r="20" fill="black" /> <!-- 小球1 -->
<circle cx="265" cy="130" r="20" fill="black" /> <!-- 小球2 -->
<circle cx="20" cy="185" r="20" fill="black" /> <!-- 小球4 -->
</svg>
</a>
<span class="d-inline-block ml-2 f1-mktg f2-md-mktg" style="opacity: 0.3;">/</span>
<a class="d-inline-block Header-link font-weight-semibold ml-2 f2 color-fg-default" href="https://oldsai.cn/">Oldsai's Blog</a>
</div>

<ul class="d-flex flex-row flex-nowrap overflow-hidden flex-grow-0 list-style-none js-p-target" style="margin-left: auto;">
<li class="ml-4"><a target="_blank"href="../index.htm" class="d-block no-wrap f4-mktg color-fg-default text-medium">HomePage</a></li>
<li class="ml-4"><a target="_blank"href="../introduce/index.html" class="d-block no-wrap f4-mktg color-fg-default text-medium">Introduce</a></li>
<li class="ml-4"><a target="_blank"href="../map.html" class="d-block no-wrap f4-mktg color-fg-default text-medium">Map</a></li>
<li class="ml-4"><a target="_blank"href="./OldVersion/index" class="d-block no-wrap f4-mktg color-fg-default text-medium">OldVersion</a></li>
<li class="ml-4"><a target="_blank"href="./tool/ToolList.html" class="d-block no-wrap f4-mktg color-fg-default text-medium">Tool</a></li>
<li class="ml-4"><a target="_blank"href="../introduce/GitList.html" class="d-block no-wrap f4-mktg color-fg-default text-medium">Git</a></li>
<li class="ml-4"><a target="_blank"href="https://mcjecu.github.io/" class="d-block no-wrap f4-mktg color-fg-default text-medium">MCCU</a></li>
<li class="ml-4"><a target="_blank"href="https://wtcu.github.io/" class="d-block no-wrap f4-mktg color-fg-default text-medium">WTCU</a></li>
</ul>
<a data-analytics-click="Blog, click on button, text: Try GitHub Copilot; ref_location:top nav;" class="btn-mktg font-weight-semibold ml-5 js-header-cta header-cta" href="#comment">评论区</a>
<a data-analytics-click="Blog, click on button, text: Contact sales; ref_location:top nav;" class="btn-mktg btn-muted-mktg font-weight-semibold ml-3 js-header-cta header-cta" href="#oldsai">庞玺桐</a>
</form>
</div>
</div>
</nav>
</div>
</header>
<!--padding属性用于设置元素的内边距-->
<style>
.element {
padding-left: 20px;
padding-right: 20px;
}
/*
html {
font-size: 16px; 基础字体大小
}
*/
body {
font-size: 1rem; /* 使用rem单位相对于根元素的字体大小 */
min-font-size: 10px; /* 设置字体的最小大小为10px */
}

</style>

<br><br><br><br><br><center>
<h2 class="h2-mktg col-lg-7 mx-auto">摄影作品使用权售卖</h2>
<br>
<p style="text-align: center;max-width: 1024px;"><br>您不能免费使用我的摄影作品，即使您没有将它商用，庞玺桐拥有这些摄影作品的版权。
<br>您可以点击图片详细查看图片细节和定价详情，<a class="Link--secondary" href="./images/IMG_4499.JPG"target="_blank">点击这里</a>联系我购买照片的使用权（注意不是版权）。
<br>您可以使用<a class="Link--secondary" href="./images/支付宝1.jpg"target="_blank">支付宝</a>或<a class="Link--secondary" href="./images/微信1.jpg"target="_blank">微信</a>进行付款，付款后庞玺桐将<a class="Link--secondary" href="./images/IMG_4499.JPG"target="_blank">在这里</a>向您发送原图。
</p></center><br>
<style>
.gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 20px;
}
.gallery img {
width: 20%;
max-width: 400px;
height: 20%;
cursor: pointer;
margin: 10px;
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #C8C8C8;
}
.modal-content {
margin: 10% auto;
padding: 20px;
background: #fff;
position: relative;
width: 80%;
max-width: 600px;
}
.close {
position: absolute;
top: 0px;
right: 20px;
font-size: 48px;
cursor: pointer;
}
</style>

<div class="gallery">
<img src="./images/airforce.jpg" onclick="openModal('./images/airforce.jpg', '2023长春航空展', '¥20', ' QQ号：1360279660')" />
<img src="./images/IMG_4235.JPG" onclick="openModal('./images/IMG_4235.JPG', '成都天府国际机场', '¥10', 'QQ号：1360279660')" />
<!-- 更多图片 -->
</div>

<div id="myModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal()">&times;</span>
<img id="modal-image" style="width:100%">
<p id="caption"></p>
<p id="price"></p>
<p id="contact"></p>
</div>
</div>

<script>
function openModal(imageSrc, caption, price, contact) {
var modal = document.getElementById("myModal");
var modalImg = document.getElementById("modal-image");
var captionText = document.getElementById("caption");
var priceText = document.getElementById("price");
var contactText = document.getElementById("contact");

modal.style.display = "block";
modalImg.src = imageSrc;
captionText.innerHTML = caption;
priceText.innerHTML = "价格：" + price;
contactText.innerHTML = "联系方式：" + contact;
}

function closeModal() {
var modal = document.getElementById("myModal");
modal.style.display = "none";
}
</script>


<!--底部-->
<p id="oldsai"></p>
<footer role="contentinfo" class="footer pt-6 position-relative" style="text-align:left">
<div class="container-xl p-responsive">
<div class="d-flex flex-wrap py-5 mb-5">
<div class="col-12 col-lg-4 mb-5">
<a class="color-fg-default d-inline-block" aria-label="Go to GitHub homepage"style="font-size:40px">庞玺桐</a>
<div>
<h2 class="h5 mt-4" id="subscribe-to-newsletter">一名中国<em>青年学生</em></h2>
<p class="f5 color-fg-muted mb-3">目之所及、心之所向、身之所往、终至所归</p>
<a class="btn-mktg mb-4 btn-muted-mktg" target="_blank" href="https://oldsai.cn">
首页
</a>
</div>
</div>
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4">
<h2 class="h5 mb-3 text-mono color-fg-muted text-normal">
BLOG
</h2>
<ul class="list-style-none color-fg-muted f5">
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="../index.html"target="_blank">首页</a>
</li>
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="../introduce/index.html"target="_blank">介绍</a>
</li>
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="../map.html"target="_blank">导览</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
<h2 class="h5 mb-3 text-mono color-fg-muted text-normal">
团队
</h2>
<ul class="list-style-none f5">
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="https://mcjecu.github.io/"target="_blank">MCCU</a>
</li>
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="https://wtcu.github.io/"target="_blank">WTCU</a>
</li>
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="https://wtcu.github.io/cac/index.html"target="_blank">CAC</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
<h2 class="h5 mb-3 text-mono color-fg-muted text-normal">
关注我
</h2>
<ul class="list-style-none f5">
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="./images/IMG_4499.JPG"target="_blank">QQ</a>
</li>
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="https://y.music.163.com/m/artist?app_version=8.8.20&id=51058853&userid=3695971939&dlt=084"target="_blank">网易云音乐</a>
</li>
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="https://v.douyin.com/A5pTGpX/"target="_blank">抖音</a>
</li>
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="mailto:[email protected]"target="_blank">邮件</a>
</li>
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="https://mr.baidu.com/r/Wc1ggPth84?f=cp&u=5a34d20c21c97419"target="_blank">百度</a>
</li>
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="https://github.com/PangXitong"target="_blank">GitHub</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
<h2 class="h5 mb-3 text-mono color-fg-muted text-normal">
友情链接
</h2>
<ul class="list-style-none f5">
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="https://steveandkrepa.github.io/"target="_blank">袁浚皓</a>
</li>
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="https://www.peacefuly.top"target="_blank">mcheping520</a>
</li>
<li class="lh-condensed mb-3">
<a class="Link--secondary" href="https://github.com/lijianyv2-1"target="_blank">Xcating</a>
</li>
</ul>
</div>
</div>
</div>


<!--最底部-->
<div class="color-bg-subtle">
<div class="container-xl p-responsive f6 py-4 d-md-flex flex-justify-between flex-row-reverse flex-items-center">
<nav aria-label="GitHub's Social Media Links" class="mb-3 mb-md-0">
<ul class="list-style-none d-flex flex-items-center lh-condensed-ultra">
<li class="ml-3">
<a href="https://v.douyin.com/A5pTGpX/" class="footer-social-icon d-block Link--outlineOffset">
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" aria-hidden="true" class="d-block" width="18" height="18"><title>TikTok</title><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z" fill="currentColor"></path></svg>
<span class="sr-only">TikTok</span>
</a>
</li>
<li class="ml-3">
<a href="https://github.com/PangXitong" class="footer-social-icon d-block Link--outlineOffset">
<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 16 16" width="20" aria-hidden="true" class="d-block"><path fill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
<span class="sr-only">GitHub</span>
</a>
</li>
</ul>
</nav>
<nav aria-label="Legal and Resource Links">
<ul class="list-style-none d-flex flex-wrap color-fg-muted">
<li class="mr-3">
© <time datetime="2024">2024</time> PangXitong
</li>
<li class="mr-3">
<a href="https://vercel.com"class="Link--secondary">Powered by Vercel</a>
</li>
<li class="mr-3">
<a href="./open.html"class="Link--secondary">Privacy(Updated <time datetime="2022-08">08/2022</time>)</a>
</li>
<li class="mr-3">
<a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to Git Guides&quot;,&quot;label&quot;:&quot;text:What is Git?&quot;}" href="/git-guides">No cookies</a>
</li>
</ul>
</nav>
</div>
</div>
</footer>
</div>
<div id="js-global-screen-reader-notice" class="sr-only" aria-live="polite" ></div>
</body>
</html>





<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>摄影作品出售</title>

Loading

0 comments on commit 5009a75

Please sign in to comment.