feat(tarot): 为A1CelticCross和A1Hexagram页面新增标题

在A1CelticCross.html和A1Hexagram.html中新增了居中显示的标题,优化了页面布局和视觉效果。
This commit is contained in:
SlyAimer 2025-02-23 16:47:48 +08:00
parent e6997823db
commit 8bd3688334
2 changed files with 11 additions and 2 deletions

View file

@ -99,11 +99,15 @@
</style> </style>
</head> </head>
<body> <body>
<div class="triangle-container">
<div class="triangle-container">
<!-- 新增标题 -->
<div style="text-align: center; margin-top: -40%;">
<h1 style="color: #d4af37; font-size: 3em; text-shadow: 2px 2px 4px rgba(113,85,85,0.5);">圣三角塔罗牌阵</h1>
</div>
<!-- 过去 --> <!-- 过去 -->
<div class="card" id="past"> <div class="card" id="past">
<img src="{{data[0].image}}"> <img src="{{data[0].image}}" alt="过去">
<h3>{{data[0].name}}</h3> <h3>{{data[0].name}}</h3>
<div class="card-position">▼ 过去影响 ▼</div> <div class="card-position">▼ 过去影响 ▼</div>
<p>{{data[0].meaning}}</p> <p>{{data[0].meaning}}</p>

View file

@ -111,9 +111,14 @@
</style> </style>
</head> </head>
<body> <body>
<!-- 新增标题 -->
<div class="star-container"> <div class="star-container">
<!-- 2. 现在 --> <!-- 2. 现在 -->
<div style="text-align: center; margin-top: -35%;">
<h1 style="color: #d4af37; font-size: 3em; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">六星芒星塔罗牌阵</h1>
</div>
<div class="card" id="card1"> <div class="card" id="card1">
<img src="{{data[1].image}}" > <img src="{{data[1].image}}" >
<h3>{{data[1].name}}</h3> <h3>{{data[1].name}}</h3>