xtaodada/Homepage
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update image assets, partially fix #19

Browse Source
This commit is contained in:
amphineko 2020-03-26 01:14:51 +08:00
parent fca6739c02
commit 570de88c54
No known key found for this signature in database
GPG Key ID: 4582E6587852EF42
6 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/amphineko.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 MiB

After

Width:  |  Height:  |  Size: 4.3 MiB

BIN
src/assets/images/amphineko@1x.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 172 KiB

After

Width:  |  Height:  |  Size: 586 KiB

BIN
src/assets/images/amphineko@1x.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 250 KiB

6
src/assets/images/plus.svg
View File

@ -16,16 +16,16 @@
<pattern id="Tile" x="0" y="0" width="128" height="128" patternUnits="userSpaceOnUse"> <pattern id="Tile" x="0" y="0" width="128" height="128" patternUnits="userSpaceOnUse">
<rect fill="url(#ShapeT)" height="64" width="64" x="0" y="0"> <rect fill="url(#ShapeT)" height="64" width="64" x="0" y="0">
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="360 32 32" to="0 32 32" dur="16s" repeatCount="indefinite"/> <!-- <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="360 32 32" to="0 32 32" dur="16s" repeatCount="indefinite"/> -->
</rect> </rect>
<rect fill="url(#ShapeTri)" height="64" width="64" x="64" y="64"> <rect fill="url(#ShapeTri)" height="64" width="64" x="64" y="64">
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 96 96" to="360 96 96" dur="8s" repeatCount="indefinite"/> <!-- <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 96 96" to="360 96 96" dur="8s" repeatCount="indefinite"/> -->
</rect> </rect>
</pattern> </pattern>
</defs> </defs>
<g filter="url(#noise)"> <g transform="rotate(-15)">
<rect fill="url(#Tile)" height="128" width="128" x="0" y="0" /> <rect fill="url(#Tile)" height="128" width="128" x="0" y="0" />
<rect fill="url(#Tile)" height="128" width="128" x="128" y="128" /> <rect fill="url(#Tile)" height="128" width="128" x="128" y="128" />
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

6
src/index.html
View File

@ -13,8 +13,10 @@
<div class="section header grid-container grid-parent"> <div class="section header grid-container grid-parent">
<div class="split picture-container grid-40"> <div class="split picture-container grid-40">
<a href="${require('./assets/images/amphineko.png')}"> <a href="${require('./assets/images/amphineko.png')}">
<img alt="picture of amphineko" class="picture" <picture class="picture">
src="${require('./assets/images/amphineko@1x.jpg')}"> <source type="image/webp" srcset="${require('./assets/images/amphineko@1x.webp')}" />
<img src="${require('./assets/images/amphineko@1x.jpg')}" alt="picture of amphineko" />
</picture>
</a> </a>
</div> </div>

2
webpack.config.js
View File

@ -19,7 +19,7 @@ module.exports = {
module: { module: {
rules: [ rules: [
{ {
test: /\.(eot|jpg|png|svg|ttf|woff2?)$/, test: /\.(eot|jpg|png|svg|ttf|webp|woff2?)$/,
loader: 'file-loader', loader: 'file-loader',
options: { options: {
name: 'assets/[name].[contenthash:8].[ext]' name: 'assets/[name].[contenthash:8].[ext]'