289 lines
13 KiB
HTML
289 lines
13 KiB
HTML
<style>
|
|
/* 卡片容器样式 */
|
|
.user-dark-card-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 20px;
|
|
}
|
|
/* 单个卡片样式 */
|
|
.user-dark-card {
|
|
display: flex;
|
|
height: auto;
|
|
width: 70%;
|
|
/* 修改：去除边框 */
|
|
border: none;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
background-color: #202020;
|
|
color: white;
|
|
padding: 20px;
|
|
position: relative;
|
|
/* 添加裁剪路径，留出右上角三角形部分 */
|
|
clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%);
|
|
}
|
|
|
|
/* 在卡片右上角添加正三角形 */
|
|
.user-dark-card::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 30px solid white;
|
|
border-left: 30px solid transparent;
|
|
box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.3); /* 左下方向阴影 */
|
|
/* 通过负的 margin 让三角形超出卡片显示 */
|
|
margin: -1px -1px 0 0;
|
|
}
|
|
|
|
/* 卡片左侧图片样式（这里假设音频播放器也在左侧） */
|
|
.user-dark-card-image-div {
|
|
width: 260px;
|
|
height: 260px;
|
|
object-fit: cover;
|
|
margin: 20px;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.user-dark-card-image {
|
|
width: 260px;
|
|
height: 260px;
|
|
}
|
|
|
|
/* 卡片右侧内容容器样式 */
|
|
.user-dark-card-content {
|
|
width: calc(100% - 300px);
|
|
padding: 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
/* 卡片标题样式 */
|
|
.user-dark-card-title {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
/* 卡片标题右侧标签样式 */
|
|
.user-dark-card-tags {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.user-dark-card-tag {
|
|
background-color: #00a8f3;
|
|
color: white;
|
|
padding: 5px 10px;
|
|
border-radius: 5px;
|
|
margin-left: 5px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* 卡片描述样式 */
|
|
.user-dark-card-description {
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
overflow: auto;
|
|
}
|
|
|
|
/* 自定义音频播放器样式 */
|
|
.user-dark-audio-player {
|
|
margin-top: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.user-dark-play-pause-btn {
|
|
background-color: #007BFF;
|
|
color: white;
|
|
border: none;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
margin-right: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.user-dark-play-pause-btn:hover {
|
|
background-color: #0056b3;
|
|
}
|
|
|
|
.user-dark-progress-container {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
gap: 10px;
|
|
}
|
|
|
|
.user-dark-progress-bar {
|
|
flex: 1;
|
|
height: 10px;
|
|
background-color: #555;
|
|
border-radius: 5px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.user-dark-progress {
|
|
height: 100%;
|
|
background-color: #007BFF;
|
|
border-radius: 5px;
|
|
width: 0;
|
|
}
|
|
|
|
.user-dark-handle {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 20px;
|
|
height: 20px;
|
|
background-color: white;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
left: 0;
|
|
}
|
|
|
|
/* 联系方式容器样式 */
|
|
.user-dark-contact-tags {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
padding: 10px 0;
|
|
/* 移除绝对定位 */
|
|
}
|
|
|
|
/* 单个联系方式样式 */
|
|
.user-dark-contact-tag {
|
|
background-color: #00a8f3;
|
|
color: white;
|
|
padding: 5px 10px;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 5px;
|
|
}
|
|
|
|
/* 媒体查询，当屏幕宽度小于 768px 时应用以下样式 */
|
|
@media (max-width: 768px) {
|
|
.user-dark-card {
|
|
flex-direction: column;
|
|
width: 90%;
|
|
}
|
|
|
|
.user-dark-card-image {
|
|
width: calc(100% - 40px);
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.user-dark-card-content {
|
|
width: calc(100% - 40px);
|
|
padding: 0 20px 20px;
|
|
}
|
|
}
|
|
</style>
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.1.0/github-markdown.min.css" rel="stylesheet">
|
|
<br><br><br><br><br>
|
|
<div class="section user-dark-card-container">
|
|
<div class="container user-dark-card">
|
|
<div class="markdown-body" style="background-color: rgba(0, 0, 0, 0.1);">
|
|
<div style="margin: 20px;">
|
|
<p align="center" style="margin-top: 20px;">
|
|
<img src="/assets/logo/1.jpg" width="270px" alt="head" />
|
|
<p align="center">Galaxy Vantone Software Development Studio</p>
|
|
<p align="center">🌌银河锋锐软件开发工作室🌌</p>
|
|
</p>
|
|
|
|
<p>
|
|
<img alt="GitHub Followers" src="https://img.shields.io/badge/dynamic/json?color=green&label=GitHub%20Followers&query=%24.data.totalSubs&url=https%3A%2F%2Fapi.spencerwoo.com%2Fsubstats%2F%3Fsource%3Dgithub%26queryKey%3DGVSADS" />
|
|
<img alt="Total Repos" src="https://img.shields.io/badge/dynamic/json?color=orange&label=Total%20Repos&query=%24.total_count&url=https%3A%2F%2Fapi.github.com%2Fsearch%2Frepositories%3Fq%3Duser%3AGVSADS" />
|
|
</p>
|
|
<hr />
|
|
<p>
|
|
<img alt="Python" src="https://img.shields.io/badge/Python-3776AB?style=for-the-badge&logo=python&logoColor=white" />
|
|
<img alt="C" src="https://img.shields.io/badge/C-A8B9CC?style=for-the-badge&logo=c&logoColor=black" />
|
|
<img alt="C++" src="https://img.shields.io/badge/C%2B%2B-00599C?style=for-the-badge&logo=c%2B%2B&logoColor=white" />
|
|
<img alt="Assembly" src="https://img.shields.io/badge/Assembly-6E4C13?style=for-the-badge&logo=assemblyscript&logoColor=white" />
|
|
<img alt="HTML" src="https://img.shields.io/badge/HTML-E34F26?style=for-the-badge&logo=html5&logoColor=white" />
|
|
<img alt="JavaScript" src="https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black" />
|
|
<img alt="CSS" src="https://img.shields.io/badge/CSS-1572B6?style=for-the-badge&logo=css3&logoColor=white" />
|
|
<img alt="Artificial Intelligence" src="https://img.shields.io/badge/Artificial%20Intelligence-FF6F61?style=for-the-badge&logo=ai&logoColor=white" />
|
|
<img alt="Finance" src="https://img.shields.io/badge/Finance-008CBA?style=for-the-badge&logo=cash-app&logoColor=white" />
|
|
<img alt="Operating System" src="https://img.shields.io/badge/Operating%20System-000000?style=for-the-badge&logo=linux&logoColor=white" />
|
|
<img alt="Investment" src="https://img.shields.io/badge/Investment-FFA500?style=for-the-badge&logo=bitcoin&logoColor=white" />
|
|
<img alt="Mining" src="https://img.shields.io/badge/Mining-000000?style=for-the-badge&logo=ethereum&logoColor=white" />
|
|
<img alt="Server" src="https://img.shields.io/badge/Server-000000?style=for-the-badge&logo=serverless&logoColor=white" />
|
|
<img alt="Data Chain" src="https://img.shields.io/badge/Data%20Chain-000000?style=for-the-badge&logo=blockchain&logoColor=white" />
|
|
<img alt="Web Design" src="https://img.shields.io/badge/Web%20Design-000000?style=for-the-badge&logo=adobe-xd&logoColor=white" />
|
|
<img alt="Networking" src="https://img.shields.io/badge/Networking-000000?style=for-the-badge&logo=cisco&logoColor=white" />
|
|
</p>
|
|
<hr />
|
|
<blockquote>
|
|
<p>
|
|
<strong>Disclaimer: GVSDS reserves the right to interpret all the contents below, and GVSDS does not make any promises and warranties hereunder</strong>
|
|
</p>
|
|
</blockquote>
|
|
<h1 id="galaxy-vantone-software-development-studio">Galaxy Vantone Software Development Studio</h1>
|
|
<h2 id="about-us">🚀 About Us</h2>
|
|
<p>Galaxy Vantone Software Development Studio is committed to providing high-end and innovative software solutions.
|
|
It covers dozens or even hundreds of different fields in various aspects, architectures and contents, including Python, C, C++, Assembly, HTML, JavaScript, CSS, Artificial Intelligence, Finance, Operating Systems, Investment, Mining, Servers, Data Chains, Web Design, Networking, etc.
|
|
We are driven by our passion. No matter what it is, we are willing to accept and try it.</p>
|
|
<h2 id="technology-stack">🔧 Technology Stack</h2>
|
|
<p>
|
|
<img alt="Python" src="https://img.shields.io/badge/Python-3.12.0+-blue?logo=python" />
|
|
<img alt="Java" src="https://img.shields.io/badge/Java-21-orange?logo=java" />
|
|
<img alt="C" src="https://img.shields.io/badge/React-18-purple?logo=C" />
|
|
<img alt="HTML5" src="https://img.shields.io/badge/HTML-5-yellow?logo=HTML5" />
|
|
<img alt="JavaScript" src="https://img.shields.io/badge/JavaScript-1.8.5-f7df1e?logo=JavaScript" />
|
|
<img alt="CSS3" src="https://img.shields.io/badge/CSS-3-green?logo=CSS3" />
|
|
</p>
|
|
<hr />
|
|
<h2 id="contact-us">📞 Contact Us</h2>
|
|
<p>📧 Email: wyt18222152539wyt@163.com
|
|
🌐 Official Website: <a href="https://www.gvsds.com">Galaxy Vantone Software Development Studio</a>
|
|
📱 WeChat: GVSADS</p>
|
|
<hr />
|
|
<h2 id="our-vision">🎯 Our Vision</h2>
|
|
<p>To become a leading software development studio, driving the future with technology and changing the world with innovation. </p>
|
|
<hr />
|
|
<blockquote>
|
|
<p>
|
|
<strong>声明：下文一切内容解释权归GVSDS所有，GVSDS在下文没有做出任何承诺和保证</strong>
|
|
</p>
|
|
</blockquote>
|
|
<h1 id="galaxy-vantone-software-development-studio_1">Galaxy Vantone Software Development Studio</h1>
|
|
<h2 id="_1">🚀 关于我们</h2>
|
|
<p>银河万万通软件开发工作室（Galaxy Vantone Software Development Studio）致力于提供高端、创新的软件解决方案</p>
|
|
<p>涉及包括Python、C、C++、汇编、Html、JavaScript、CSS、人工智能、金融、操作系统、投资、挖矿、服务器、数据链、页面设计、网络等几十上百个不同方面、不同架构、不同内容的领域</p>
|
|
<p>我们为兴趣而生，无论什么，我们都愿意接受和尝试</p>
|
|
<h2 id="_2">🔧 技术栈</h2>
|
|
<p>
|
|
<img alt="Python" src="https://img.shields.io/badge/Python-3.12.0+-blue?logo=python" />
|
|
<img alt="Java" src="https://img.shields.io/badge/Java-21-orange?logo=java" />
|
|
<img alt="C" src="https://img.shields.io/badge/React-18-purple?logo=C" />
|
|
<img alt="HTML5" src="https://img.shields.io/badge/HTML-5-yellow?logo=HTML5" />
|
|
<img alt="JavaScript" src="https://img.shields.io/badge/JavaScript-1.8.5-f7df1e?logo=JavaScript" />
|
|
<img alt="CSS3" src="https://img.shields.io/badge/CSS-3-green?logo=CSS3" />
|
|
</p>
|
|
<hr />
|
|
<h2 id="_3">📞 联系我们</h2>
|
|
<p>📧 Email: wyt18222152539wyt@163.com
|
|
🌐 官网: <a href="https://www.gvsds.com">银河锋锐软件开发工作室</a>
|
|
📱 微信: GVSADS</p>
|
|
<hr />
|
|
<h2 id="_4">🎯 我们的愿景</h2>
|
|
<p>成为领先的软件开发工作室，用技术驱动未来，用创新改变世界。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |