https://media.urcareer.jp/wp-content/themes/urmedia/assets/js/components/UrWelcome.js

1const UrWelcome = {
2	data() {
3		return {
4			// enableAnimation: window.sessionStorage.getItem('enableAnimation') = false,
5			enableAnimation: false,
6			isLogoAnimationend: false,
7		};
8	},
9	mounted() {
10		this.ifLoggedInDisableAnimation();
11	},
12	methods: {
13		logoAnimationend() {
14			this.isLogoAnimationend = true;
15		},
16		welcomeTransitionend() {
17			window.sessionStorage.setItem('enableAnimation', 'false');
18		},
19		ifLoggedInDisableAnimation() {
20			if (document.body.classList.contains('logged-in')) {
21				this.enableAnimation = false;
22			}
23		},
24	},
25	template: `
26    <div class="welcome" v-if="enableAnimation" :class="{animated: isLogoAnimationend}" @transitionend="welcomeTransitionend">
27        <div class="welcome-logo">
28            <div class="welcome-logo__rectangle">
29                <div class="welcome-logo__rectangle-inner" @animationend="logoAnimationend"></div>
30            </div>
31            <svg width="234" height="61" viewBox="0 0 234 61" fill="none" xmlns="http://www.w3.org/2000/svg" class="welcome-svg">
32                <g class="welcome-svg__text-en">
33                <path d="M15.28 39.2C13.04 39.2 11.3467 38.5867 10.2 37.36C9.05333 36.1067 8.48 34.44 8.48 32.36C8.48 31.1867 8.65333 29.76 9 28.08L11.48 16.64C11.5333 16.4267 11.6533 15.84 11.84 14.88C12.0533 13.92 12.16 12.88 12.16 11.76C12.16 11.12 12.0267 10.64 11.76 10.32C11.52 10 11.1867 9.84 10.76 9.84C9.96 9.84 9.02667 10.2267 7.96 11C6.89333 11.7467 5.77333 12.9067 4.6 14.48C4.22667 14.9867 3.81333 15.24 3.36 15.24C2.98667 15.24 2.65333 15.0667 2.36 14.72C2.09333 14.3467 1.96 13.9333 1.96 13.48C1.96 12.6533 2.33333 11.72 3.08 10.68C5.8 6.94667 8.98667 5.08 12.64 5.08C14.2667 5.08 15.5333 5.57333 16.44 6.56C17.3733 7.54666 17.84 9 17.84 10.92C17.84 12.28 17.7467 13.5333 17.56 14.68C17.3733 15.8267 17.0533 17.3867 16.6 19.36L14.96 26.68C14.9067 26.92 14.8133 27.3467 14.68 27.96C14.5467 28.5733 14.44 29.16 14.36 29.72C14.28 30.2533 14.24 30.7867 14.24 31.32C14.24 32.1733 14.48 32.8533 14.96 33.36C15.44 33.8667 16.12 34.12 17 34.12C18.6 34.12 20.2133 33.2667 21.84 31.56C23.4933 29.8533 25.0133 27.1067 26.4 23.32C27.8133 19.5067 28.9067 14.64 29.68 8.72C29.8667 7.36 30.1333 6.41333 30.48 5.88C30.8533 5.34666 31.56 5.08 32.6 5.08C33.5333 5.08 34.2267 5.36 34.68 5.92C35.1333 6.48 35.36 7.38666 35.36 8.64C35.36 9.36 35.2667 10.3067 35.08 11.48C34.92 12.6533 34.6667 14.2933 34.32 16.4C33.6 20.48 33.0267 24.2267 32.6 27.64C32.3867 29.1867 32.28 30.3333 32.28 31.08C32.28 32.1733 32.52 33.0133 33 33.6C33.5067 34.16 34.1733 34.44 35 34.44C35.88 34.44 36.7333 34.1467 37.56 33.56C38.4133 32.9733 39.4133 32 40.56 30.64C40.88 30.2667 41.24 30.08 41.64 30.08C41.9867 30.08 42.2533 30.24 42.44 30.56C42.6533 30.88 42.76 31.32 42.76 31.88C42.76 32.92 42.5067 33.7467 42 34.36C40.6133 36.04 39.24 37.2667 37.88 38.04C36.52 38.8133 35.0933 39.2 33.6 39.2C31.3867 39.2 29.6933 38.64 28.52 37.52C27.3467 36.3733 26.76 34.8933 26.76 33.08C26.76 32.0667 26.9733 30.0933 27.4 27.16C26.0667 31.08 24.3733 34.0667 22.32 36.12C20.2933 38.1733 17.9467 39.2 15.28 39.2ZM58.0659 25.84C58.6526 25.84 59.1459 26.0533 59.5459 26.48C59.9726 26.88 60.1859 27.3867 60.1859 28C60.1859 28.3467 60.1059 28.72 59.9459 29.12C59.5193 30.1067 58.9193 30.9333 58.1459 31.6C57.3726 32.2667 56.5193 32.6 55.5859 32.6C54.8393 32.6 54.1993 32.3333 53.6659 31.8C53.1593 31.2667 52.9059 30.5467 52.9059 29.64C52.9059 29.1333 52.9326 28.5867 52.9859 28C53.0393 27.5733 53.0659 27.28 53.0659 27.12C53.0659 26.9067 53.0126 26.7467 52.9059 26.64C52.8259 26.5333 52.7193 26.48 52.5859 26.48C52.2126 26.48 51.7059 26.9333 51.0659 27.84C50.4259 28.72 49.7859 29.8933 49.1459 31.36C48.5059 32.8267 47.9859 34.3733 47.5859 36C47.2926 37.28 46.9593 38.1333 46.5859 38.56C46.2126 38.9867 45.5993 39.2 44.7459 39.2C43.7326 39.2 43.0126 38.6667 42.5859 37.6C42.1859 36.5333 41.9859 34.8267 41.9859 32.48C41.9859 29.0133 42.4793 25.72 43.4659 22.6C43.7059 21.8267 44.0926 21.2667 44.6259 20.92C45.1859 20.5467 45.9593 20.36 46.9459 20.36C47.4793 20.36 47.8526 20.4267 48.0659 20.56C48.2793 20.6933 48.3859 20.9467 48.3859 21.32C48.3859 21.7467 48.1859 22.7067 47.7859 24.2C47.5193 25.2667 47.3059 26.2 47.1459 27C46.9859 27.8 46.8526 28.7867 46.7459 29.96C47.6259 27.6667 48.6126 25.8 49.7059 24.36C50.7993 22.92 51.8659 21.8933 52.9059 21.28C53.9459 20.6667 54.8926 20.36 55.7459 20.36C56.5193 20.36 57.1059 20.5867 57.5059 21.04C57.9326 21.4667 58.1459 22.1067 58.1459 22.96C58.1459 23.4667 57.9993 24.4267 57.7059 25.84H58.0659Z" fill="black" fill-opacity="0.8"/>
34                <path d="M119.28 39.2C118.293 39.2 117.587 38.9867 117.16 38.56C116.733 38.1067 116.52 37.2667 116.52 36.04C116.52 35.2133 116.6 34.16 116.76 32.88C116.947 31.5733 117.24 29.7867 117.64 27.52C118.333 23.3333 118.88 19.7067 119.28 16.64C119.52 14.72 119.64 13.12 119.64 11.84C119.64 10.64 119.2 10.04 118.32 10.04C117.627 10.04 116.787 10.4 115.8 11.12C114.84 11.8133 113.773 

3412.9333 112.6 14.48C112.227 14.9867 111.813 15.24 111.36 15.24C110.987 15.24 110.653 15.0667 110.36 14.72C110.093 14.3467 109.96 13.9333 109.96 13.48C109.96 13.0533 110.04 12.6267 110.2 12.2C110.387 11.7467 110.68 11.24 111.08 10.68C112.36 8.89333 113.787 7.52 115.36 6.56C116.933 5.57333 118.507 5.08 120.08 5.08C121.547 5.08 122.667 5.54667 123.44 6.48C124.24 7.41333 124.64 8.77333 124.64 10.56C124.64 11.28 124.573 12.1333 124.44 13.12C124.307 14.08 124.187 14.8667 124.08 15.48C123.973 16.0933 123.893 16.52 123.84 16.76C125.36 12.4133 127.067 9.38666 128.96 7.68C130.853 5.94666 132.933 5.08 135.2 5.08C136.933 5.08 138.293 5.69333 139.28 6.92C140.293 8.14666 140.8 9.88 140.8 12.12C140.8 13 140.68 14.0933 140.44 15.4C141.773 11.72 143.333 9.08 145.12 7.48C146.907 5.88 148.96 5.08 151.28 5.08C153.147 5.08 154.573 5.68 155.56 6.88C156.573 8.08 157.08 9.76 157.08 11.92C157.08 13.0933 156.907 14.52 156.56 16.2L154.12 27.64C153.853 28.9733 153.72 30.12 153.72 31.08C153.72 32.2 153.973 33.04 154.48 33.6C155.013 34.16 155.747 34.44 156.68 34.44C157.56 34.44 158.413 34.1467 159.24 33.56C160.093 32.9733 161.093 32 162.24 30.64C162.56 30.2667 162.92 30.08 163.32 30.08C163.667 30.08 163.933 30.24 164.12 30.56C164.333 30.88 164.44 31.32 164.44 31.88C164.44 32.92 164.187 33.7467 163.68 34.36C162.293 36.04 160.92 37.2667 159.56 38.04C158.2 38.8133 156.773 39.2 155.28 39.2C153.013 39.2 151.24 38.5333 149.96 37.2C148.68 35.84 148.04 34.0267 148.04 31.76C148.04 30.1867 148.36 27.9067 149 24.92L150.6 17.6C150.653 17.36 150.747 16.9333 150.88 16.32C151.013 15.7067 151.12 15.1333 151.2 14.6C151.28 14.04 151.32 13.4933 151.32 12.96C151.32 12.0267 151.133 11.3333 150.76 10.88

34C150.413 10.4 149.907 10.16 149.24 10.16C147.987 10.16 146.667 10.9733 145.28 12.6C143.92 14.2 142.613 16.8667 141.36 20.6C140.133 24.3333 139.133 29.1867 138.36 35.16C138.173 36.76 137.84 37.84 137.36 38.4C136.907 38.9333 136.16 39.2 135.12 39.2C134.213 39.2 133.547 38.9867 133.12 38.56C132.72 38.1333 132.52 37.3333 132.52 36.16C132.52 35.0667 132.667 33.64 132.96 31.88C133.253 30.0933 133.627 28 134.08 25.6C135.307 19.1467 135.92 14.9867 135.92 13.12C135.92 12.1067 135.72 11.36 135.32 10.88C134.947 10.4 134.373 10.16 133.6 10.16C132.293 10.16 130.947 10.9067 129.56 12.4C128.173 13.8667 126.813 16.4933 125.48 20.28C124.173 24.04 123.08 29.1333 122.2 35.56C122.013 36.92 121.733 37.8667 121.36 38.4C121.013 38.9333 120.32 39.2 119.28 39.2ZM181.457 30.08C181.804 30.08 182.07 30.24 182.257 30.56C182.47 30.88 182.577 31.32 182.577 31.88C182.577 32.9467 182.324 33.7733 181.817 34.36C180.83 35.56 179.43 36.6667 177.617 37.68C175.83 38.6933 173.91 39.2 171.857 39.2C169.057 39.2 166.884 38.44 165.337 36.92C163.79 35.4 163.017 33.32 163.017 30.68C163.017 28.84 163.404 27.1333 164.177 25.56C164.95 23.96 166.017 22.6933 167.377 21.76C168.764 20.8267 170.324 20.36 172.057 20.36C173.604 20.36 174.844 20.8267 175.777 21.76C176.71 22.6667 177.177 23.9067 177.177 25.48C177.177 27.32 176.51 28.9067 175.177 30.24C173.87 31.5467 171.644 32.5867 168.497 33.36C169.164 34.5867 170.43 35.2 172.297 35.2C173.497 35.2 174.857 34.7867 176.377 33.96C177.924 33.1067 179.257 32 180.377 30.64C180.697 30.2667 181.057 30.08 181.457 30.08ZM171.377 24.28C170.39 24.28 169.55 24.8533 168.857 26C168.19 27.1467 167.857 28.5333 167.857 30.16V30.24C169.43 29.8667 170.67 29.3067 171.577 28.56C172.484 27.8133 172.937 26.9467 172.937 25.96C172.937 25.4533 172.79 25.0533 172.497 24.76C172.23 24.44 171.857 24.28 171.377 24.28ZM204.245 30.08C204.591 30.08 204.858 30.24 205.045 30.56C205.258 30.88 205.365 31.32 205.365 31.88C205.365 32.9467 205.111 33.7733 204.605 34.36C203.511 35.6933 202.311 36.84 201.005 37.8C199.698 38.7333 198.405 39.2 197.125 39.2C195.098 39.2 193.551 38.0133 192.485 35.64C191.365 37.0533 190.378 38 189.525 38.48C188.698 38.96 187.725 39.2 186.605 39.2C184.978 39.2 183.631 38.6 182.565 37.4C181.525 36.1733 181.005 34.5867 181.005 32.64C181.005 30.5067 181.458 28.5333 182.365 26.72C183.271 24.88 184.511 23.3867 186.085 22.24C187.685 21.0667 189.471 20.3733 191.445 20.16C191.951 14.9867 192.911 10.5733 194.325 6.92C195.765 3.24 197.645 1.4 199.965 1.4C201.111 1.4 202.058 1.92 202.805 2.96C203.578 4 203.965 5.57333 203.965 7.68C203.965 10.6667 203.231 14.16 201.765 18.16C200.298 22.16 198.338 26.2667 195.885 30.48C195.991 32.0267 196.218 33.1333 196.565 33.8C196.938 34.4667 197.405 34.8 197.965 34.8C198.685 34.8 199.418 34.48 200.165 33.84C200.911 33.2 201.911 32.1333 203.165 30.64C203.485 30.2667 203.845 30.08 204.245 30.08ZM199.525 5.32C199.018 5.32 198.511 6.22666 198.005 8.04C197.498 9.82667 197.058 12.1733 196.685 15.08C196.338 17.9867 196.085 21.0267 195.925 24.2C198.911 17.6933 200.405 12.4667 200.405 8.52C200.405 7.50667 200.311 6.72 200.125 6.16C199.965 5.6 199.765 5.32 199.525 5.32ZM188.005 35.16C188.511 35.16 189.018 34.96 189.525 34.56C190.031 34.1333 190.671 33.36 191.445 32.24C191.178 30.8 191.045 29.1867 191.045 27.4C191.045 26.76 191.071 25.72 191.125 24.28C189.658 24.7333 188.431 25.72 187.445 27.24C186.485 28.7333 186.005 30.4 186.005 32.24C186.005 34.1867 186.671 35.16 188.005 35.16ZM209.751 17.72C208.631 17.72 207.791 17.4667 207.231 16.96C206.671 16.4267 206.391 15.6933 206.391 14.76C206.391 13.8267 206.751 13.0533 207.471 12.44C208.217 11.8 209.137 11.48 210.231 11.48C211.217 11.48 212.017 11.72 212.631 12.2C213.244 12.68 213.551 13.36 213.551 14.24C213.551 15.3067 213.204 16.16 212.511 16.8C211.817 17.4133 210.897 17.72 209.751 17.72ZM209.431 39.2C207.697 39.2 206.431 38.5867 205.631 37.36C204.857 36.1333 204.471 34.5067 204.471 32.48C204.471 31.28 204.617 29.7467 204.911 27.88C205.231 25.9867 205.631 24.2267 206.111 22.6C206.351 21.7467 206.671 21.16 207.071 20.84C207.471 20.52 208.111 20.36 208.991 20.36C210.351 20.36 211.031 20.8133 211.031 21.72C211.031 22.3867 210.777 23.9333 210.271 26.36C209.631 29.2933 209.311 31.28 209.311 32.32C209.311 33.12 209.417 33.7333 209.631 34.16C209.844 34.5867 210.204 34.8 210.711 34.8C211.191 34.8 211.791 34.4667 212.511 33.8C213.231 33.1333 214.191 32.08 215.391 30.64C215.711 30.2667 216.071 30.08 216.471 30.08C216.817 30.08 217.084 30.24 217.271 30.56C217.484 30.88 217.591 31.32 217.591 31.88C217.591 32.9467 217.337 33.7733 216.831 34.36C214.191 37.5867 211.724 39.2 209.431 39.2ZM221.354 39.2C219.834 39.2 218.594 38.6 217.634 37.4C216.701 36.2 216.234 34.6267 216.234 32.68C216.234 30.5467 216.728 28.5333 217.714 26.64C218.701 24.72 220.008 23.1867 221.634 22.04C223.288 20.8667 225.034 20.28 226.874 20.28C227.461 20.28 227.848 20.4 228.034 20.64C228.248 20.8533 228.421 21.2533 228.554 21.84C229.061 21.7333 229.621 21.68 230.234 21.68C230.874 21.68 231.368 21.84 231.714 22.16C232.061 22.48 232.234 22.9333 232.234 23.52C232.234 24.1333 232.101 25.2 231.834 26.72C231.541 28.3467 231.314 29.9067 231.154 31.4C230.994 32.8667 230.914 34.52 230.914 36.36C230.914 37.3733 230.701 38.1067 230.274 38.56C229.874 38.9867 229.208 39.2 228.274 39.2C227.368 39.2 226.688 38.9867 226.234 38.56C225.808 38.1067 225.594 37.3867 225.594 36.4L225.634 35.76C224.808 38.0533 223.381 39.2 221.354 39.2ZM222.914 35.16C223.661 35.16 224.341 34.64 224.954 33.6C225.568 32.56 226.114 30.7067 226.594 28.04L227.354 24C226.261 24.0267 225.248 24.4533 224.314 25.28C223.381 26.08 222.634 27.1467 222.074 28.48C221.514 29.8133 221.234 31.2267 221.234 32.72C221.234 33.52 221.381 34.1333 221.674 34.56C221.994 34.96 222.408 35.16 222.914 35.16Z" fill="black" fill-opacity="0.8"/>
35                </g>
36                <g class="welcome-svg__rect-cyan" @animationend="animated">
37                <rect width="16.5737" height="16.1417" transform="matrix(0.979338 0.202233 -0.213735 0.976892 81.7686 14)" fill="#00B2CC"/>
38                <rect x="0.765602" y="1.17912" width="14.5737" height="14.1417" transform="matrix(0.979338 0.202233 -0.213735 0.976892 82.0364 13.8724)" stroke="black" stroke-opacity="0.8" stroke-width="2"/>
39                </g>
40                <g class="welcome-svg__rect-white">
41                <rect x="75" y="21.8791" width="16.5938" height="16.121" fill="white"/>
42                <rect x="76" y="22.8791" width="14.5938" height="14.121" stroke="black" stroke-opacity="0.8" stroke-width="2"/>
43                </g>
44                <line class="welcome-svg__line-top" x1="8.74228e-08" y1="56" x2="234" y2="56" stroke="black" stroke-opacity="0.8" stroke-width="2"/>
45                <line class="welcome-svg__line-bottom" x1="8.74228e-08" y1="60" x2="234" y2="60" stroke="black" stroke-opacity="0.8" stroke-width="2"/>
46            </svg>
47        </div>
48    </div>
49    `,
50};
51
52export default UrWelcome;