Add new consulting page with consulting services and calendly link
This commit is contained in:
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
content="2024-02-09">
|
||||
<meta
|
||||
property="og:article:modified_time"
|
||||
content="2024-02-12">
|
||||
content="2024-03-06">
|
||||
<meta
|
||||
property="og:article:author"
|
||||
content="Andrew Kesterson">
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
@@ -411,7 +395,7 @@
|
||||
<div
|
||||
id="section"
|
||||
class="post-content">
|
||||
<h1 id="“My-expectation-is-…”"><a href="#“My-expectation-is-…”" class="headerlink" title="“My expectation is …”"></a>“My expectation is …”</h1><p><img src="/images/dilbert-expectations.jpg" alt="dilbert comic about expectations"></p>
|
||||
<h1 id="“My-expectation-is-…”"><a href="#“My-expectation-is-…”" class="headerlink" title="“My expectation is …”"></a>“My expectation is …”</h1><p><img src="/images/dilbert-expectations.jpg" alt="dilbert comic about expectations" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" data-src="/images/dilbert-expectations.jpg" class="lozad post-image"></p>
|
||||
<p>Imagine that you are playing a game, but you don’t know the rules; you have to pick it up as you go along by watching others, and then figuring out how to apply their experience to your own performance. You will make many mistakes, you will perform poorly, and you may feel personally embarassed. Now imagine that you are playing this game with people who are supposed to help you, and you know that they know the rules, but for whatever reason, they aren’t telling you the rules. You would likely feel dejected, unvalued, you may feel resentment at your unfair treatment, and would likely not have any desire to stick around and keep playing the game. Now imagine an entire team being treated in this way. How could such a team ever survive, let alone win?</p>
|
||||
<p>We are playing this game with our employees; it is a high stakes game where our entire shared future is the prize for success, and the cost for failure. We ask the players on the team to give us 100% of their potential - their blood, sweat and tears. And in return, we promise to explain the rules, help guide and develop their performance against those rules, and inspire them to continue giving that 100% when it gets even harder than it already is. We must not neglect the bedrock work of explaining the rules of the business, of our department, of our discipline, of our imposed goals from our own leadership, and of our own personal leadership style. And we, as leaders, have to boil these down into consumable sets of expectations which can be held in the minds of our team members as they go about their daily duties.</p>
|
||||
<p>One of the first promises I make to any team I’m leading is that I will always strive to set fair, simple, clear expectations for them. And I will communicate clearly when I do it. I tell them that I will always use the same language when I’m doing it, so there is never any possibility for ambiguity. When I speak to my team, and I say, “My expectation is…” - everyone perks up. Because they know that I am not giving an opinion, or an off the cuff remark, or an emotional response to something that just happened. I am articulating a rule of the game we are playing together; I am explaining a strongly held position that represents the shared values of the business we all support, the strategic goals of my own leadership, and the culture of our organization, by which everyone’s future performance (including my own) will be judged.</p>
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
content="2024-03-03">
|
||||
<meta
|
||||
property="og:article:modified_time"
|
||||
content="2024-03-04">
|
||||
content="2024-03-06">
|
||||
<meta
|
||||
property="og:article:author"
|
||||
content="Andrew Kesterson">
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -177,14 +177,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -193,14 +185,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -218,10 +202,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
@@ -311,7 +295,7 @@
|
||||
style="padding-right: 2px;">
|
||||
</i>TOC
|
||||
</div>
|
||||
<ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#Understand-the-difference-between-a-contributor-a-manager-and-an-executive"><span class="toc-text">Understand the difference between a contributor, a manager, and an executive</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-and-network-with-your-new-peer-group"><span class="toc-text">Identify and network with your new peer group</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-a-mentor-who-is-not-your-boss"><span class="toc-text">Identify a mentor - who is not your boss</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Stay-Tuned-for-Part-3"><span class="toc-text">Stay Tuned for Part 3</span></a>
|
||||
<ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#Understand-the-difference-between-a-contributor-a-manager-and-an-executive"><span class="toc-text">Understand the difference between a contributor, a manager, and an executive</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-and-network-with-your-new-peer-group"><span class="toc-text">Identify and network with your new peer group</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-a-mentor-who-is-not-your-boss"><span class="toc-text">Identify a mentor - who is not your boss</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Stay-Tuned-for-Part-3"><span class="toc-text">Stay Tuned for Part 3</span></a></li></ol>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@@ -459,7 +443,7 @@
|
||||
<p>To put it simply - your boss’ first responsibility is to the business, while your mentor’s first responsibility is to your career (and personal) development. In order to fully develop your career or character, you may need to follow a trajectory that will take you into a different job, a different department, a different company or an entirely different industry. Few bosses have the ability to juggle their loyalties between their business, their employees, and their mentees, to effectively coach someone in this way.</p>
|
||||
<p>In addition, this mentor and mentee relationship needs to last longer than whatever job you’re currently working. It needs to be able to follow you through the next several steps of your career. Your boss’ relationship with you only exists at this current time because of your shared employment by the company. Despite how much they may want to see you succeed, if your shared employment is the basis of your relationship, then you will struggle to maintain the relationship if and when one of you leaves.</p>
|
||||
<p>Be selective in who you ask to be your mentor. Pick someone who models the kind of success, maturity, and character you want to have. But understand that asking them to be your mentor creates risk for them; you will consume time and resources from them. You need to commit to actually following the advice they give you, and not wasting their time. This alone (asking for someone advice and actually taking it) is an incredibly important habit to develop.</p>
|
||||
<h1 id="Stay-Tuned-for-Part-3"><a href="#Stay-Tuned-for-Part-3" class="headerlink" title="Stay Tuned for Part 3"></a>Stay Tuned for Part 3</h1><p>Next I will publish part 3 of this series, where we will cover</p>
|
||||
<h2 id="Stay-Tuned-for-Part-3"><a href="#Stay-Tuned-for-Part-3" class="headerlink" title="Stay Tuned for Part 3"></a>Stay Tuned for Part 3</h2><p>Next I will publish part 3 of this series, where we will cover</p>
|
||||
<ul>
|
||||
<li>How your performance is judged (results and retention)</li>
|
||||
<li>Defining the relationship between you, your team, and the business</li>
|
||||
@@ -500,7 +484,7 @@
|
||||
style="padding-right: 2px;">
|
||||
</i>TOC
|
||||
</div>
|
||||
<ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#Understand-the-difference-between-a-contributor-a-manager-and-an-executive"><span class="toc-text">Understand the difference between a contributor, a manager, and an executive</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-and-network-with-your-new-peer-group"><span class="toc-text">Identify and network with your new peer group</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-a-mentor-who-is-not-your-boss"><span class="toc-text">Identify a mentor - who is not your boss</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Stay-Tuned-for-Part-3"><span class="toc-text">Stay Tuned for Part 3</span></a>
|
||||
<ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#Understand-the-difference-between-a-contributor-a-manager-and-an-executive"><span class="toc-text">Understand the difference between a contributor, a manager, and an executive</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-and-network-with-your-new-peer-group"><span class="toc-text">Identify and network with your new peer group</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-a-mentor-who-is-not-your-boss"><span class="toc-text">Identify a mentor - who is not your boss</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Stay-Tuned-for-Part-3"><span class="toc-text">Stay Tuned for Part 3</span></a></li></ol>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
@@ -515,7 +499,7 @@
|
||||
style="padding-right: 2px;">
|
||||
</i>TOC
|
||||
</div>
|
||||
<ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#Understand-the-difference-between-a-contributor-a-manager-and-an-executive"><span class="toc-text">Understand the difference between a contributor, a manager, and an executive</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-and-network-with-your-new-peer-group"><span class="toc-text">Identify and network with your new peer group</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-a-mentor-who-is-not-your-boss"><span class="toc-text">Identify a mentor - who is not your boss</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#Stay-Tuned-for-Part-3"><span class="toc-text">Stay Tuned for Part 3</span></a>
|
||||
<ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#Understand-the-difference-between-a-contributor-a-manager-and-an-executive"><span class="toc-text">Understand the difference between a contributor, a manager, and an executive</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-and-network-with-your-new-peer-group"><span class="toc-text">Identify and network with your new peer group</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Identify-a-mentor-who-is-not-your-boss"><span class="toc-text">Identify a mentor - who is not your boss</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Stay-Tuned-for-Part-3"><span class="toc-text">Stay Tuned for Part 3</span></a></li></ol>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
@@ -458,12 +442,12 @@
|
||||
</h1>
|
||||
</header>
|
||||
<div class="post-meta post-show-meta">
|
||||
<time datetime="2024-02-27T00:43:47.243Z">
|
||||
<time datetime="2024-03-06T15:32:42.319Z">
|
||||
<i
|
||||
class="iconfont icon-calendar"
|
||||
style="margin-right: 2px;">
|
||||
</i>
|
||||
<span>2024-02-26</span>
|
||||
<span>2024-03-06</span>
|
||||
</time>
|
||||
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
769
consulting/index.html
Normal file
769
consulting/index.html
Normal file
@@ -0,0 +1,769 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
||||
<meta
|
||||
http-equiv="X-UA-Compatible"
|
||||
content="ie=edge">
|
||||
<meta
|
||||
name="theme-color"
|
||||
content="#fff"
|
||||
id="theme-color">
|
||||
<meta
|
||||
name="description"
|
||||
content="AKLabs">
|
||||
<link
|
||||
rel="icon"
|
||||
href="/">
|
||||
<title>Consulting Services</title>
|
||||
|
||||
|
||||
<meta
|
||||
property="og:title"
|
||||
content="Consulting Services">
|
||||
|
||||
|
||||
<meta
|
||||
property="og:url"
|
||||
content="https://www.aklabs.net/consulting/index.html">
|
||||
|
||||
|
||||
<meta
|
||||
property="og:img"
|
||||
content="/images/akesterson.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="preload" href="//at.alicdn.com/t/font_1946621_i1kgafibvw.css" as="style" >
|
||||
<link rel="preload" href="//at.alicdn.com/t/font_1952792_89b4ac4k4up.css" as="style" >
|
||||
<link rel="preload" href="/css/main.css" as="style" >
|
||||
|
||||
<link rel="modulepreload" href="//instant.page/5.1.0">
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_1946621_i1kgafibvw.css">
|
||||
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_1952792_89b4ac4k4up.css">
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
function loadScript(url, cb) {
|
||||
var script = document.createElement('script');
|
||||
script.src = url;
|
||||
if (cb) script.onload = cb;
|
||||
script.async = true;
|
||||
document.body.appendChild(script);
|
||||
}
|
||||
function loadCSS(href, data, attr) {
|
||||
var sheet = document.createElement('link');
|
||||
sheet.ref = 'stylesheet';
|
||||
sheet.href = href;
|
||||
sheet.dataset[data] = attr;
|
||||
document.head.appendChild(sheet);
|
||||
}
|
||||
function changeCSS(cssFile, data, attr) {
|
||||
var oldlink = document.querySelector(data);
|
||||
var newlink = document.createElement("link");
|
||||
newlink.setAttribute("rel", "stylesheet");
|
||||
newlink.setAttribute("href", cssFile);
|
||||
newlink.dataset.prism = attr;
|
||||
document.head.replaceChild(newlink, oldlink);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
// control reverse button
|
||||
var reverseDarkList = {
|
||||
dark: 'light',
|
||||
light: 'dark'
|
||||
};
|
||||
var themeColor = {
|
||||
dark: '#1c1c1e',
|
||||
light: '#fff'
|
||||
}
|
||||
// get the data of css prefers-color-scheme
|
||||
var getCssMediaQuery = function() {
|
||||
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
||||
};
|
||||
// reverse current darkmode setting function
|
||||
var reverseDarkModeSetting = function() {
|
||||
var setting = localStorage.getItem('user-color-scheme');
|
||||
if(reverseDarkList[setting]) {
|
||||
setting = reverseDarkList[setting];
|
||||
} else if(setting === null) {
|
||||
setting = reverseDarkList[getCssMediaQuery()];
|
||||
} else {
|
||||
return;
|
||||
}
|
||||
localStorage.setItem('user-color-scheme', setting);
|
||||
return setting;
|
||||
};
|
||||
// apply current darkmode setting
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var setDarkmode = function(mode) {
|
||||
var setting = mode || localStorage.getItem('user-color-scheme');
|
||||
if(setting === getCssMediaQuery()) {
|
||||
document.documentElement.removeAttribute('data-user-color-scheme');
|
||||
localStorage.removeItem('user-color-scheme');
|
||||
document.getElementById('theme-color').content = themeColor[setting];
|
||||
document.getElementById('theme-color').dataset.mode = setting;
|
||||
} else if(reverseDarkList[setting]) {
|
||||
document.documentElement.setAttribute('data-user-color-scheme', setting);
|
||||
document.getElementById('theme-color').content = themeColor[setting];
|
||||
document.getElementById('theme-color').dataset.mode = setting;
|
||||
} else {
|
||||
document.documentElement.removeAttribute('data-user-color-scheme');
|
||||
localStorage.removeItem('user-color-scheme');
|
||||
document.getElementById('theme-color').content = themeColor[getCssMediaQuery()];
|
||||
document.getElementById('theme-color').dataset.mode = getCssMediaQuery();
|
||||
}
|
||||
};
|
||||
setDarkmode();
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<link rel="preload" href="/js/lib/lightbox/baguetteBox.min.js" as="script">
|
||||
<link rel="preload" href="/js/lib/lightbox/baguetteBox.min.css" as="style" >
|
||||
|
||||
|
||||
<link rel="preload" href="/js/lib/lozad.min.js" as="script">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta name="generator" content="Hexo 6.0.0"></head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
|
||||
<nav class="navbar">
|
||||
<div class="navbar-logo">
|
||||
<a class="navbar-logo-main" href="/">
|
||||
|
||||
<span class="navbar-logo-dsc">AKLabs</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Archive
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Categories
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/about"
|
||||
class="navbar-menu-item">
|
||||
|
||||
About
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
<button
|
||||
class="navbar-menu-item darknavbar navbar-menu-btn"
|
||||
aria-label="Toggle dark mode"
|
||||
id="dark">
|
||||
<i class="iconfont icon-weather"></i>
|
||||
</button>
|
||||
<button
|
||||
class="navbar-menu-item searchnavbar navbar-menu-btn"
|
||||
aria-label="Toggle search"
|
||||
id="search">
|
||||
<!-- <i
|
||||
class="iconfont icon-search"
|
||||
style="font-size: 1.2rem; font-weight: 400;">
|
||||
</i> -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
|
||||
class="iconify iconify--ion" width="28" height="28" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512">
|
||||
<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="28"
|
||||
d="M256 80a176 176 0 1 0 176 176A176 176 0 0 0 256 80Z"></path>
|
||||
<path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="28"
|
||||
d="M232 160a72 72 0 1 0 72 72a72 72 0 0 0-72-72Z"></path>
|
||||
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="28"
|
||||
d="M283.64 283.64L336 336"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div
|
||||
id="local-search"
|
||||
style="display: none">
|
||||
<input
|
||||
class="navbar-menu-item"
|
||||
id="search-input"
|
||||
placeholder="请输入搜索内容..." />
|
||||
<div id="search-content"></div>
|
||||
</div>
|
||||
|
||||
<div class="section-wrap">
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<aside class="left-column">
|
||||
|
||||
<div class="card card-author">
|
||||
|
||||
<img
|
||||
src="/images/akesterson.webp"
|
||||
class="author-img"
|
||||
width="88"
|
||||
height="88"
|
||||
alt="author avatar">
|
||||
|
||||
<p class="author-name">Andrew Kesterson</p>
|
||||
<p class="author-description"><center>Leadership || DevOps || GameDev <br/>Emergency Response <br/> <br/> <i>"Love God. Live Righteously. Die Well."</i> <br/> <br/> <a target="_blank" rel="noopener" href="https://github.com/akesterson">GitHub</a> || <a target="_blank" rel="noopener" href="https://www.linkedin.com/in/andrewkesterson/">LinkedIn</a> </center></p>
|
||||
<div class="author-message">
|
||||
<a
|
||||
class="author-posts-count"
|
||||
href="/archives">
|
||||
<span>15</span>
|
||||
<span>Posts</span>
|
||||
</a>
|
||||
<a
|
||||
class="author-categories-count"
|
||||
href="/categories">
|
||||
<span>4</span>
|
||||
<span>Categories</span>
|
||||
</a>
|
||||
<a
|
||||
class="author-tags-count"
|
||||
href="/tags">
|
||||
<span>0</span>
|
||||
<span>Tags</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="sticky-tablet">
|
||||
|
||||
|
||||
|
||||
<article class="card card-content categories-widget">
|
||||
<div class="categories-card">
|
||||
<div class="categories-header">
|
||||
<i
|
||||
class="iconfont icon-fenlei"
|
||||
style="padding-right: 2px;">
|
||||
</i>Categories
|
||||
</div>
|
||||
<div class="categories-list">
|
||||
|
||||
<a href="/categories/Leadership/">
|
||||
<div class="categories-list-item">
|
||||
Leadership
|
||||
<span class="categories-list-item-badge">6</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/categories/Books/">
|
||||
<div class="categories-list-item">
|
||||
Books
|
||||
<span class="categories-list-item-badge">12</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/categories/Faith/">
|
||||
<div class="categories-list-item">
|
||||
Faith
|
||||
<span class="categories-list-item-badge">6</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/categories/Outdoors/">
|
||||
<div class="categories-list-item">
|
||||
Outdoors
|
||||
<span class="categories-list-item-badge">1</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="card card-content tags-widget">
|
||||
<div class="tags-card">
|
||||
<div class="tags-header">
|
||||
<i
|
||||
class="iconfont icon-biaoqian"
|
||||
style="padding-right: 2px;">
|
||||
</i>hot tags
|
||||
</div>
|
||||
<div class="tags-list">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="card card-content widescreen-archive archive-widget">
|
||||
<div class="archive-card">
|
||||
<div class="archive-card-header">
|
||||
<i
|
||||
class="iconfont icon-wodebaobiao"
|
||||
style="padding-right: 2px;">
|
||||
</i>Archive
|
||||
</div>
|
||||
<div class="archive-card-list">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/archives/2024"
|
||||
class="archive-card-list-item">
|
||||
2024
|
||||
<span class="archive-card-list-item-badge">4</span>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/archives/2023"
|
||||
class="archive-card-list-item">
|
||||
2023
|
||||
<span class="archive-card-list-item-badge">6</span>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/archives/2022"
|
||||
class="archive-card-list-item">
|
||||
2022
|
||||
<span class="archive-card-list-item-badge">5</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
<main class="main-column">
|
||||
|
||||
<article class="card card-content">
|
||||
<header>
|
||||
<h1 class="post-title">
|
||||
Consulting Services
|
||||
</h1>
|
||||
</header>
|
||||
<div class="post-meta post-show-meta">
|
||||
<time datetime="2024-03-06T15:33:54.000Z">
|
||||
<i
|
||||
class="iconfont icon-calendar"
|
||||
style="margin-right: 2px;">
|
||||
</i>
|
||||
<span>2024-03-06</span>
|
||||
</time>
|
||||
|
||||
|
||||
<span class="dot"></span>
|
||||
<span>95 words</span>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<div
|
||||
id="section"
|
||||
class="post-content">
|
||||
<p>Do you need help with any of the following?</p>
|
||||
<ul>
|
||||
<li>Turning your ideas into working software on desktop, mobile or the internet</li>
|
||||
<li>Providing IT services to your small or medium business</li>
|
||||
<li>Automating the delivery, maintenance and operation of technology infrastructure</li>
|
||||
<li>Training managers or team leaders in your business</li>
|
||||
<li>Strategic leadership of your business or enterprise</li>
|
||||
</ul>
|
||||
<p>I provide a wide range of consulting services and can help with all of these things. I would be happy to discuss your needs. Use the calendar below to schedule a free 30 minute consultation with me to discuss your needs!</p>
|
||||
<!-- Calendly inline widget begin -->
|
||||
<div class="calendly-inline-widget" data-url="https://calendly.com/andrewkesterson/30min?background_color=1a1a1a&text_color=ffffff" style="min-width:320px;height:700px;"></div>
|
||||
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
|
||||
<!-- Calendly inline widget end -->
|
||||
|
||||
</div>
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
<div class="nav">
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card card-content toc-card"
|
||||
id="mobiletoc">
|
||||
<div class="toc-header">
|
||||
<i
|
||||
class="iconfont icon-menu"
|
||||
style="padding-right: 2px;">
|
||||
</i>TOC
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<aside class="right-column">
|
||||
<div class="sticky-widescreen">
|
||||
|
||||
|
||||
|
||||
<article class="card card-content">
|
||||
<div class="recent-posts-card">
|
||||
<div class="recent-posts-header">
|
||||
<i
|
||||
class="iconfont icon-wenzhang_huaban"
|
||||
style="padding-right: 2px;">
|
||||
</i>Recent Posts
|
||||
</div>
|
||||
<div class="recent-posts-list">
|
||||
|
||||
<div class="recent-posts-item">
|
||||
<div class="recent-posts-item-title">2024-03-05</div>
|
||||
<a href="/2024/03/05/new-manager-pt2/"><div class="recent-posts-item-content">Advice for New Managers : Part 2</div></a>
|
||||
</div>
|
||||
|
||||
<div class="recent-posts-item">
|
||||
<div class="recent-posts-item-title">2024-03-03</div>
|
||||
<a href="/2024/03/03/new-manager-pt1/"><div class="recent-posts-item-content">Advice for New Managers : Part 1</div></a>
|
||||
</div>
|
||||
|
||||
<div class="recent-posts-item">
|
||||
<div class="recent-posts-item-title">2024-02-09</div>
|
||||
<a href="/2024/02/09/expectations/"><div class="recent-posts-item-content">Setting Expectations</div></a>
|
||||
</div>
|
||||
|
||||
<div class="recent-posts-item">
|
||||
<div class="recent-posts-item-title">2024-01-29</div>
|
||||
<a href="/2024/01/29/Simon-Sinek-Start-with-Why/"><div class="recent-posts-item-content">Start with Why</div></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="card card-content">
|
||||
<div class="archive-card">
|
||||
<div class="archive-card-header">
|
||||
<i
|
||||
class="iconfont icon-wodebaobiao"
|
||||
style="padding-right: 2px;">
|
||||
</i>Archive
|
||||
</div>
|
||||
<div class="archive-card-list">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/archives/2024"
|
||||
class="archive-card-list-item">
|
||||
2024
|
||||
<span class="archive-card-list-item-badge">4</span>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/archives/2023"
|
||||
class="archive-card-list-item">
|
||||
2023
|
||||
<span class="archive-card-list-item-badge">6</span>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a
|
||||
href="/archives/2022"
|
||||
class="archive-card-list-item">
|
||||
2022
|
||||
<span class="archive-card-list-item-badge">5</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="footer-container">
|
||||
<div>
|
||||
<div class="footer-dsc">
|
||||
<span>
|
||||
Copyright ©
|
||||
|
||||
2024
|
||||
|
||||
|
||||
</span>
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="footer-link">
|
||||
AKLabs
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="footer-dsc">
|
||||
|
||||
Powered by
|
||||
<a
|
||||
href="https://hexo.io/"
|
||||
class="footer-link"
|
||||
target="_blank"
|
||||
rel="nofollow noopener noreferrer">
|
||||
Hexo
|
||||
</a>
|
||||
|
||||
|
||||
<span> | </span>
|
||||
|
||||
|
||||
Theme -
|
||||
<a
|
||||
href="https://github.com/theme-kaze"
|
||||
class="footer-link"
|
||||
target="_blank"
|
||||
rel="nofollow noopener noreferrer">
|
||||
Kaze
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
<a
|
||||
role="button"
|
||||
id="scrollbutton"
|
||||
class="basebutton"
|
||||
aria-label="回到顶部">
|
||||
<i class="iconfont icon-arrowleft button-icon"></i>
|
||||
</a>
|
||||
|
||||
<a
|
||||
role="button"
|
||||
id="menubutton"
|
||||
aria-label="menu button"
|
||||
class="basebutton">
|
||||
<i class="iconfont icon-menu button-icon"></i>
|
||||
</a>
|
||||
<a
|
||||
role="button"
|
||||
id="popbutton"
|
||||
class="basebutton"
|
||||
aria-label="控制中心">
|
||||
<i class="iconfont icon-expand button-icon"></i>
|
||||
</a>
|
||||
<a
|
||||
role="button"
|
||||
id="darkbutton"
|
||||
class="basebutton darkwidget"
|
||||
aria-label="夜色模式">
|
||||
<i class="iconfont icon-weather button-icon"></i>
|
||||
</a>
|
||||
<a
|
||||
role="button"
|
||||
id="searchbutton"
|
||||
class="basebutton searchwidget"
|
||||
aria-label="搜索">
|
||||
<i class="iconfont icon-search button-icon"></i>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
var addLazyload = function () {
|
||||
var observer = lozad('.lozad', {
|
||||
load: function (el) {
|
||||
el.srcset = el.getAttribute('data-src')
|
||||
},
|
||||
loaded: function (el) {
|
||||
el.classList.add('loaded')
|
||||
},
|
||||
})
|
||||
observer.observe()
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
loadScript('/js/lib/lozad.min.js', addLazyload)
|
||||
</script>
|
||||
|
||||
<script src="//instant.page/5.1.0" type="module"
|
||||
integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,81 +0,0 @@
|
||||
.archive {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (min-width: 10px) and (max-width: 500px) {
|
||||
.archive {
|
||||
margin: 10%;
|
||||
}
|
||||
.avatar {
|
||||
width: 40%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
margin-top: 20px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, auto);
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.nav-bar-item-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.article-preview {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.article-preview-top-title {
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.article-preview-top-date {
|
||||
font-size: 15px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.tag-cloud {
|
||||
margin-top: 20%;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(8, auto);
|
||||
gap: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 501px) and (max-width: 1920px) {
|
||||
.archive {
|
||||
margin: 5%;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 170px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
place-items: center;
|
||||
gap: 25px;
|
||||
}
|
||||
|
||||
.nav-bar-item-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tag-cloud {
|
||||
margin-top: 10%;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(8, auto);
|
||||
gap: 10%;
|
||||
}
|
||||
}
|
||||
6
css/ball-atom.min.css
vendored
6
css/ball-atom.min.css
vendored
@@ -1,6 +0,0 @@
|
||||
/*!
|
||||
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
|
||||
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
|
||||
* Licensed under MIT
|
||||
*/
|
||||
.la-ball-atom,.la-ball-atom>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-atom{display:block;font-size:0;color:#fff}.la-ball-atom.la-dark{color:#333}.la-ball-atom>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-atom{width:32px;height:32px}.la-ball-atom>div:nth-child(1){position:absolute;top:50%;left:50%;z-index:1;width:60%;height:60%;background:#aaa;border-radius:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation:ball-atom-shrink 4.5s infinite linear;-moz-animation:ball-atom-shrink 4.5s infinite linear;-o-animation:ball-atom-shrink 4.5s infinite linear;animation:ball-atom-shrink 4.5s infinite linear}.la-ball-atom>div:not(:nth-child(1)){position:absolute;left:0;z-index:0;width:100%;height:100%;background:none;-webkit-animation:ball-atom-zindex 1.5s 0s infinite steps(2, end);-moz-animation:ball-atom-zindex 1.5s 0s infinite steps(2, end);-o-animation:ball-atom-zindex 1.5s 0s infinite steps(2, end);animation:ball-atom-zindex 1.5s 0s infinite steps(2, end)}.la-ball-atom>div:not(:nth-child(1)):before{position:absolute;top:0;left:0;width:10px;height:10px;margin-top:-5px;margin-left:-5px;content:"";background:currentColor;border-radius:50%;opacity:.75;-webkit-animation:ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease;-moz-animation:ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease;-o-animation:ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease;animation:ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease}.la-ball-atom>div:nth-child(2){-webkit-animation-delay:.75s;-moz-animation-delay:.75s;-o-animation-delay:.75s;animation-delay:.75s}.la-ball-atom>div:nth-child(2):before{-webkit-animation-delay:0s,-1.125s;-moz-animation-delay:0s,-1.125s;-o-animation-delay:0s,-1.125s;animation-delay:0s,-1.125s}.la-ball-atom>div:nth-child(3){-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.25s;-moz-animation-delay:-.25s;-o-animation-delay:-.25s;animation-delay:-.25s}.la-ball-atom>div:nth-child(3):before{-webkit-animation-delay:-1s,-0.75s;-moz-animation-delay:-1s,-0.75s;-o-animation-delay:-1s,-0.75s;animation-delay:-1s,-0.75s}.la-ball-atom>div:nth-child(4){-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:.25s;-moz-animation-delay:.25s;-o-animation-delay:.25s;animation-delay:.25s}.la-ball-atom>div:nth-child(4):before{-webkit-animation-delay:-0.5s,-0.125s;-moz-animation-delay:-0.5s,-0.125s;-o-animation-delay:-0.5s,-0.125s;animation-delay:-0.5s,-0.125s}.la-ball-atom.la-sm{width:16px;height:16px}.la-ball-atom.la-sm>div:not(:nth-child(1)):before{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-atom.la-2x{width:64px;height:64px}.la-ball-atom.la-2x>div:not(:nth-child(1)):before{width:20px;height:20px;margin-top:-10px;margin-left:-10px}.la-ball-atom.la-3x{width:96px;height:96px}.la-ball-atom.la-3x>div:not(:nth-child(1)):before{width:30px;height:30px;margin-top:-15px;margin-left:-15px}@-webkit-keyframes ball-atom-position{50%{top:100%;left:100%}}@-moz-keyframes ball-atom-position{50%{top:100%;left:100%}}@-o-keyframes ball-atom-position{50%{top:100%;left:100%}}@keyframes ball-atom-position{50%{top:100%;left:100%}}@-webkit-keyframes ball-atom-size{50%{-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5)}}@-moz-keyframes ball-atom-size{50%{-moz-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5)}}@-o-keyframes ball-atom-size{50%{-o-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5)}}@keyframes ball-atom-size{50%{-webkit-transform:scale(0.5, 0.5);-moz-transform:scale(0.5, 0.5);-o-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5)}}@-webkit-keyframes ball-atom-zindex{50%{z-index:10}}@-moz-keyframes ball-atom-zindex{50%{z-index:10}}@-o-keyframes ball-atom-zindex{50%{z-index:10}}@keyframes ball-atom-zindex{50%{z-index:10}}@-webkit-keyframes ball-atom-shrink{50%{-webkit-transform:translate(-50%, -50%) scale(0.8, 0.8);transform:translate(-50%, -50%) scale(0.8, 0.8)}}@-moz-keyframes ball-atom-shrink{50%{-moz-transform:translate(-50%, -50%) scale(0.8, 0.8);transform:translate(-50%, -50%) scale(0.8, 0.8)}}@-o-keyframes ball-atom-shrink{50%{-o-transform:translate(-50%, -50%) scale(0.8, 0.8);transform:translate(-50%, -50%) scale(0.8, 0.8)}}@keyframes ball-atom-shrink{50%{-webkit-transform:translate(-50%, -50%) scale(0.8, 0.8);-moz-transform:translate(-50%, -50%) scale(0.8, 0.8);-o-transform:translate(-50%, -50%) scale(0.8, 0.8);transform:translate(-50%, -50%) scale(0.8, 0.8)}}
|
||||
@@ -1,64 +0,0 @@
|
||||
pre code .language-mark {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
font-weight: 900;
|
||||
color: var(--secondary);
|
||||
z-index: 5;
|
||||
text-transform: uppercase;
|
||||
font-family: Rubik, Lato, lucida grande, lucida sans unicode, Tahoma, 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif;
|
||||
font-size: 0.6rem;
|
||||
background: rgba(16,14,23,0.36);
|
||||
border-radius: 8px;
|
||||
padding: 0 0.8em;
|
||||
}
|
||||
pre code .language-mark b {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
left: 0;
|
||||
}
|
||||
.language-mark[ref="css"] {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.language-mark[ref="scss"] {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.language-mark[ref="html"] {
|
||||
color: #4caf50;
|
||||
}
|
||||
.language-mark[ref=JSX] {
|
||||
color: #03a9f4;
|
||||
}
|
||||
.language-mark[ref=JavaScript] {
|
||||
color: #03a9f4;
|
||||
color: #ff79c6;
|
||||
}
|
||||
.language-mark[ref=jQuery] {
|
||||
color: #03a9f4;
|
||||
color: #ff79c6;
|
||||
}
|
||||
.language-mark[ref=php] {
|
||||
color: #ff79c6;
|
||||
}
|
||||
/* CodeMirror Dracula theme */
|
||||
.CodeMirror {
|
||||
height: auto !important;
|
||||
overflow: hidden;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.CodeMirror .CodeMirror-gutters,
|
||||
.CodeMirror .CodeMirror-linenumber {
|
||||
background: #201c29 !important;
|
||||
padding: 0 3px 0 15px;
|
||||
}
|
||||
.CodeMirror .CodeMirror-scroll {
|
||||
padding: 55px 30px 60px 10px !important;
|
||||
}
|
||||
.CodeMirror.cm-s-dracula {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.CodeMirror .CodeMirror-lines {
|
||||
font-size: 0.8rem;
|
||||
font-family: Rubik, Lato, lucida grande, lucida sans unicode, Tahoma, 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif;
|
||||
}
|
||||
@@ -1,57 +0,0 @@
|
||||
body {
|
||||
font-family: 'JetBrains Mono', sans-serif;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
p {
|
||||
-webkit-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
html, img, .hljs {
|
||||
filter: invert(1) hue-rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: underline;
|
||||
color: black;
|
||||
}
|
||||
a:visited {
|
||||
color: black;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color: black;
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:active {
|
||||
color: black;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.footer {
|
||||
width: 70%;
|
||||
position: static;
|
||||
bottom: 0;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1920px) {
|
||||
.footer {
|
||||
position: static;
|
||||
bottom: 0;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
125
css/const.css
125
css/const.css
@@ -1,125 +0,0 @@
|
||||
.bg-color0 {
|
||||
background: #495057;
|
||||
}
|
||||
.bg-color1 {
|
||||
background: #f03e3e;
|
||||
}
|
||||
.bg-color2 {
|
||||
background: #ae3ec9;
|
||||
}
|
||||
.bg-color3 {
|
||||
background: #7048e8;
|
||||
}
|
||||
.bg-color4 {
|
||||
background: #4263eb;
|
||||
}
|
||||
.bg-color5 {
|
||||
background: #1098ad;
|
||||
}
|
||||
.bg-color6 {
|
||||
background: #0ca678;
|
||||
}
|
||||
.bg-color7 {
|
||||
background: #37b24d;
|
||||
}
|
||||
.bg-color8 {
|
||||
background: #f59f00;
|
||||
}
|
||||
.bg-color9 {
|
||||
background: #f76707;
|
||||
}
|
||||
.bg-color10 {
|
||||
background: #6f42c1;
|
||||
}
|
||||
@-moz-keyframes rotate3ding {
|
||||
0% {
|
||||
left: 0;
|
||||
bottom: -12px;
|
||||
transform: scale(1);
|
||||
}
|
||||
20% {
|
||||
transform: scale(4);
|
||||
}
|
||||
50% {
|
||||
left: 100%;
|
||||
bottom: 40px;
|
||||
transform: scale(1);
|
||||
}
|
||||
70% {
|
||||
transform: scale(0.3);
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
bottom: -12px;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes rotate3ding {
|
||||
0% {
|
||||
left: 0;
|
||||
bottom: -12px;
|
||||
transform: scale(1);
|
||||
}
|
||||
20% {
|
||||
transform: scale(4);
|
||||
}
|
||||
50% {
|
||||
left: 100%;
|
||||
bottom: 40px;
|
||||
transform: scale(1);
|
||||
}
|
||||
70% {
|
||||
transform: scale(0.3);
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
bottom: -12px;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
@-o-keyframes rotate3ding {
|
||||
0% {
|
||||
left: 0;
|
||||
bottom: -12px;
|
||||
transform: scale(1);
|
||||
}
|
||||
20% {
|
||||
transform: scale(4);
|
||||
}
|
||||
50% {
|
||||
left: 100%;
|
||||
bottom: 40px;
|
||||
transform: scale(1);
|
||||
}
|
||||
70% {
|
||||
transform: scale(0.3);
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
bottom: -12px;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes rotate3ding {
|
||||
0% {
|
||||
left: 0;
|
||||
bottom: -12px;
|
||||
transform: scale(1);
|
||||
}
|
||||
20% {
|
||||
transform: scale(4);
|
||||
}
|
||||
50% {
|
||||
left: 100%;
|
||||
bottom: 40px;
|
||||
transform: scale(1);
|
||||
}
|
||||
70% {
|
||||
transform: scale(0.3);
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
bottom: -12px;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
10299
css/fan.css
10299
css/fan.css
File diff suppressed because it is too large
Load Diff
@@ -1,90 +0,0 @@
|
||||
pre code.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
code.hljs {
|
||||
padding: 3px 5px
|
||||
}
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: .5em;
|
||||
color: #DFDFE0;
|
||||
background: rgb(51, 51, 51);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-quote {
|
||||
color: #A5B0BD; /* comment - gray */
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
.hljs-doctag,
|
||||
.hljs-keyword,
|
||||
.hljs-formula {
|
||||
color: #EF81B0; /* keyword - pink */
|
||||
}
|
||||
|
||||
.hljs-section,
|
||||
.hljs-name,
|
||||
.hljs-selector-tag,
|
||||
.hljs-deletion,
|
||||
.hljs-subst {
|
||||
color: #DFDFE0; /* other - white */
|
||||
}
|
||||
|
||||
.hljs-literal {
|
||||
color: #EF81B0; /* keyword - pink */
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-regexp,
|
||||
.hljs-addition,
|
||||
.hljs-attribute,
|
||||
.hljs-meta-string {
|
||||
color: #F08875; /* string - peach */
|
||||
}
|
||||
|
||||
.hljs-built_in,
|
||||
.hljs-class .hljs-title {
|
||||
color: #DFDFE0; /* other - white */
|
||||
}
|
||||
|
||||
.hljs-number {
|
||||
color: #D5CA86; /* number - yellow */
|
||||
}
|
||||
|
||||
.hljs-attr,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-type,
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo {
|
||||
color: #BBF0E4; /* objectA - light cyan */
|
||||
}
|
||||
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-link,
|
||||
.hljs-meta,
|
||||
.hljs-selector-id,
|
||||
.hljs-title {
|
||||
color: #DFDFE0; /* other - white */
|
||||
}
|
||||
|
||||
.hljs-emphasis {
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
.hljs-strong {
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.hljs-link {
|
||||
text-decoration: underline
|
||||
}
|
||||
@@ -1,104 +0,0 @@
|
||||
pre code.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
code.hljs {
|
||||
padding: 3px 5px
|
||||
}
|
||||
|
||||
.hljs {
|
||||
background: rgb(245, 245, 245);
|
||||
color: #000;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.xml .hljs-meta {
|
||||
color: silver
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-quote {
|
||||
color: #007400
|
||||
}
|
||||
|
||||
.hljs-attribute,
|
||||
.hljs-keyword,
|
||||
.hljs-literal,
|
||||
.hljs-name,
|
||||
.hljs-selector-tag,
|
||||
.hljs-tag {
|
||||
color: #aa0d91
|
||||
}
|
||||
|
||||
.hljs-template-variable,
|
||||
.hljs-variable {
|
||||
color: #3f6e74
|
||||
}
|
||||
|
||||
.hljs-code,
|
||||
.hljs-meta .hljs-string,
|
||||
.hljs-string {
|
||||
color: #c41a16
|
||||
}
|
||||
|
||||
.hljs-link,
|
||||
.hljs-regexp {
|
||||
color: #0e0eff
|
||||
}
|
||||
|
||||
.hljs-bullet,
|
||||
.hljs-number,
|
||||
.hljs-symbol,
|
||||
.hljs-title {
|
||||
color: #1c00cf
|
||||
}
|
||||
|
||||
.hljs-meta,
|
||||
.hljs-section {
|
||||
color: #643820
|
||||
}
|
||||
|
||||
.hljs-built_in,
|
||||
.hljs-class .hljs-title,
|
||||
.hljs-params,
|
||||
.hljs-title.class_,
|
||||
.hljs-type {
|
||||
color: #5c2699
|
||||
}
|
||||
|
||||
.hljs-attr {
|
||||
color: #836c28
|
||||
}
|
||||
|
||||
.hljs-subst {
|
||||
color: #000
|
||||
}
|
||||
|
||||
.hljs-formula {
|
||||
background-color: #eee;
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
.hljs-addition {
|
||||
background-color: #baeeba
|
||||
}
|
||||
|
||||
.hljs-deletion {
|
||||
background-color: #ffc8bd
|
||||
}
|
||||
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-id {
|
||||
color: #9b703f
|
||||
}
|
||||
|
||||
.hljs-doctag,
|
||||
.hljs-strong {
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
.hljs-emphasis {
|
||||
font-style: italic
|
||||
}
|
||||
@@ -1,509 +0,0 @@
|
||||
#post figure.highlight.js table::before {
|
||||
content: "js";
|
||||
}
|
||||
#post figure.highlight.javascript table::before {
|
||||
content: "javascript";
|
||||
}
|
||||
#post figure.highlight.python table::before {
|
||||
content: "python";
|
||||
}
|
||||
#post figure.highlight.ipython table::before {
|
||||
content: "ipython";
|
||||
}
|
||||
#post figure.highlight.ruby table::before {
|
||||
content: "ruby";
|
||||
}
|
||||
#post figure.highlight.xml table::before {
|
||||
content: "xml";
|
||||
}
|
||||
#post figure.highlight.html table::before {
|
||||
content: "html";
|
||||
}
|
||||
#post figure.highlight.css table::before {
|
||||
content: "css";
|
||||
}
|
||||
#post figure.highlight.perl table::before {
|
||||
content: "perl";
|
||||
}
|
||||
#post figure.highlight.sql table::before {
|
||||
content: "sql";
|
||||
}
|
||||
#post figure.highlight.coffeescript table::before {
|
||||
content: "coffeescript";
|
||||
}
|
||||
#post figure.highlight.java table::before {
|
||||
content: "java";
|
||||
}
|
||||
#post figure.highlight.scala table::before {
|
||||
content: "scala";
|
||||
}
|
||||
#post figure.highlight.kotlin table::before {
|
||||
content: "kotlin";
|
||||
}
|
||||
#post figure.highlight.c table::before {
|
||||
content: "c";
|
||||
}
|
||||
#post figure.highlight.c\+\+ table::before {
|
||||
content: "c\+\+";
|
||||
}
|
||||
#post figure.highlight.cpp table::before {
|
||||
content: "cpp";
|
||||
}
|
||||
#post figure.highlight.go table::before {
|
||||
content: "go";
|
||||
}
|
||||
#post figure.highlight.less table::before {
|
||||
content: "less";
|
||||
}
|
||||
#post figure.highlight.sass table::before {
|
||||
content: "sass";
|
||||
}
|
||||
#post figure.highlight.scss table::before {
|
||||
content: "scss";
|
||||
}
|
||||
#post figure.highlight.stylus table::before {
|
||||
content: "stylus";
|
||||
}
|
||||
#post figure.highlight.styl table::before {
|
||||
content: "styl";
|
||||
}
|
||||
#post figure.highlight.typescript table::before {
|
||||
content: "typescript";
|
||||
}
|
||||
#post figure.highlight.ts table::before {
|
||||
content: "ts";
|
||||
}
|
||||
#post figure.highlight.bash table::before {
|
||||
content: "bash";
|
||||
}
|
||||
#post figure.highlight.nginx table::before {
|
||||
content: "nginx";
|
||||
}
|
||||
#post figure.highlight.lua table::before {
|
||||
content: "lua";
|
||||
}
|
||||
#post figure.highlight.markdown table::before {
|
||||
content: "markdown";
|
||||
}
|
||||
#post pre,
|
||||
.post-content pre,
|
||||
#post .highlight,
|
||||
.post-content .highlight {
|
||||
overflow: auto;
|
||||
margin: 12px 0;
|
||||
padding: 0;
|
||||
padding-top: 32px;
|
||||
background: #292d3e;
|
||||
color: #a6accd;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
figure.highlight {
|
||||
position: relative;
|
||||
}
|
||||
figure.highlight table th,
|
||||
figure.highlight table td {
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
blockquote {
|
||||
margin: 0;
|
||||
padding: 0 8px;
|
||||
border-left: 2px solid $color-sub-theme;
|
||||
color: #6a737d;
|
||||
}
|
||||
#post pre,
|
||||
.post-content pre,
|
||||
#post code,
|
||||
.post-content code {
|
||||
font-family: consolas, Menlo, "PingFang SC", "Microsoft YaHei", monospace, Helvetica Neue For Number !important;
|
||||
}
|
||||
#post code,
|
||||
.post-content code {
|
||||
margin: 0 2px;
|
||||
padding: 1px 4px;
|
||||
background: $rgba-color;
|
||||
color: $color-font;
|
||||
word-wrap: break-word;
|
||||
font-size: 14px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
#post pre code,
|
||||
.post-content pre code {
|
||||
padding: 0;
|
||||
background: none;
|
||||
color: #a6accd;
|
||||
text-shadow: none;
|
||||
}
|
||||
#post .highlight,
|
||||
.post-content .highlight {
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
}
|
||||
#post .highlight::after,
|
||||
.post-content .highlight::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 0;
|
||||
min-width: 100%;
|
||||
height: 32px;
|
||||
background: #1f222f;
|
||||
content: "";
|
||||
}
|
||||
#post .highlight pre,
|
||||
.post-content .highlight pre {
|
||||
margin: 0;
|
||||
padding: 8px 0;
|
||||
border: none;
|
||||
}
|
||||
#post .highlight .line::selection,
|
||||
.post-content .highlight .line::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post .highlight table,
|
||||
.post-content .highlight table {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
width: auto;
|
||||
border: none;
|
||||
}
|
||||
#post .highlight table::before,
|
||||
.post-content .highlight table::before {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
margin-top: -40px;
|
||||
padding: 0 8px;
|
||||
width: 50px;
|
||||
color: #a6accd;
|
||||
content: "Code";
|
||||
font-weight: bold;
|
||||
font-size: 8px;
|
||||
line-height: 32px;
|
||||
}
|
||||
#post .highlight table::after,
|
||||
.post-content .highlight table::after {
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
z-index: 0;
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
background: #1f222f;
|
||||
content: "";
|
||||
}
|
||||
#post .highlight td,
|
||||
.post-content .highlight td {
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
#post .highlight figcaption,
|
||||
.post-content .highlight figcaption {
|
||||
margin-bottom: 12px;
|
||||
color: #a6accd;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
#post .highlight figcaption a,
|
||||
.post-content .highlight figcaption a {
|
||||
float: right;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post .highlight figcaption a:hover,
|
||||
.post-content .highlight figcaption a:hover {
|
||||
border-bottom-color: #a6accd;
|
||||
}
|
||||
#post .highlight .gutter pre,
|
||||
.post-content .highlight .gutter pre {
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
background-color: #292d3e;
|
||||
color: #3a3f58;
|
||||
text-align: right;
|
||||
}
|
||||
#post .highlight .code pre,
|
||||
.post-content .highlight .code pre {
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
width: 100%;
|
||||
background-color: #292d3e;
|
||||
}
|
||||
#post .highlight .line,
|
||||
.post-content .highlight .line {
|
||||
height: 12px;
|
||||
}
|
||||
#post .highlight .fa-clipboard,
|
||||
.post-content .highlight .fa-clipboard {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 10px;
|
||||
z-index: 1;
|
||||
color: $color-font;
|
||||
cursor: pointer;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#post .highlight .fa-clipboard:hover,
|
||||
.post-content .highlight .fa-clipboard:hover {
|
||||
color: $color-theme;
|
||||
}
|
||||
#post .highlight .copy-notice,
|
||||
.post-content .highlight .copy-notice {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
color: $color-theme;
|
||||
opacity: 0;
|
||||
}
|
||||
#post .gutter,
|
||||
.post-content .gutter {
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
#post .gist table,
|
||||
.post-content .gist table {
|
||||
width: auto;
|
||||
}
|
||||
#post .gist table td,
|
||||
.post-content .gist table td {
|
||||
border: none;
|
||||
}
|
||||
#post pre .deletion,
|
||||
.post-content pre .deletion {
|
||||
background: #008000;
|
||||
}
|
||||
#post pre .addition,
|
||||
.post-content pre .addition {
|
||||
background: #800000;
|
||||
}
|
||||
#post pre .meta,
|
||||
.post-content pre .meta {
|
||||
color: #c792ea;
|
||||
}
|
||||
#post pre .comment,
|
||||
.post-content pre .comment {
|
||||
color: #676e95;
|
||||
}
|
||||
#post pre .comment::selection,
|
||||
.post-content pre .comment::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .variable,
|
||||
.post-content pre .variable,
|
||||
#post pre .attribute,
|
||||
.post-content pre .attribute,
|
||||
#post pre .regexp,
|
||||
.post-content pre .regexp,
|
||||
#post pre .ruby .constant,
|
||||
.post-content pre .ruby .constant,
|
||||
#post pre .xml .tag .title,
|
||||
.post-content pre .xml .tag .title,
|
||||
#post pre .xml .pi,
|
||||
.post-content pre .xml .pi,
|
||||
#post pre .xml .doctype,
|
||||
.post-content pre .xml .doctype,
|
||||
#post pre .html .doctype,
|
||||
.post-content pre .html .doctype,
|
||||
#post pre .css .id,
|
||||
.post-content pre .css .id,
|
||||
#post pre .tag .name,
|
||||
.post-content pre .tag .name,
|
||||
#post pre .css .class,
|
||||
.post-content pre .css .class,
|
||||
#post pre .css .pseudo,
|
||||
.post-content pre .css .pseudo {
|
||||
color: #ff5370;
|
||||
}
|
||||
#post pre .variable::selection,
|
||||
.post-content pre .variable::selection,
|
||||
#post pre .attribute::selection,
|
||||
.post-content pre .attribute::selection,
|
||||
#post pre .regexp::selection,
|
||||
.post-content pre .regexp::selection,
|
||||
#post pre .ruby .constant::selection,
|
||||
.post-content pre .ruby .constant::selection,
|
||||
#post pre .xml .tag .title::selection,
|
||||
.post-content pre .xml .tag .title::selection,
|
||||
#post pre .xml .pi::selection,
|
||||
.post-content pre .xml .pi::selection,
|
||||
#post pre .xml .doctype::selection,
|
||||
.post-content pre .xml .doctype::selection,
|
||||
#post pre .html .doctype::selection,
|
||||
.post-content pre .html .doctype::selection,
|
||||
#post pre .css .id::selection,
|
||||
.post-content pre .css .id::selection,
|
||||
#post pre .tag .name::selection,
|
||||
.post-content pre .tag .name::selection,
|
||||
#post pre .css .class::selection,
|
||||
.post-content pre .css .class::selection,
|
||||
#post pre .css .pseudo::selection,
|
||||
.post-content pre .css .pseudo::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .tag,
|
||||
.post-content pre .tag {
|
||||
color: #89ddff;
|
||||
}
|
||||
#post pre .tag::selection,
|
||||
.post-content pre .tag::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .number,
|
||||
.post-content pre .number,
|
||||
#post pre .preprocessor,
|
||||
.post-content pre .preprocessor,
|
||||
#post pre .literal,
|
||||
.post-content pre .literal,
|
||||
#post pre .params,
|
||||
.post-content pre .params,
|
||||
#post pre .constant,
|
||||
.post-content pre .constant,
|
||||
#post pre .command,
|
||||
.post-content pre .command {
|
||||
color: #f78c6c;
|
||||
}
|
||||
#post pre .number::selection,
|
||||
.post-content pre .number::selection,
|
||||
#post pre .preprocessor::selection,
|
||||
.post-content pre .preprocessor::selection,
|
||||
#post pre .literal::selection,
|
||||
.post-content pre .literal::selection,
|
||||
#post pre .params::selection,
|
||||
.post-content pre .params::selection,
|
||||
#post pre .constant::selection,
|
||||
.post-content pre .constant::selection,
|
||||
#post pre .command::selection,
|
||||
.post-content pre .command::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .built_in,
|
||||
.post-content pre .built_in {
|
||||
color: #ffcb6b;
|
||||
}
|
||||
#post pre .built_in::selection,
|
||||
.post-content pre .built_in::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .ruby .class .title,
|
||||
.post-content pre .ruby .class .title,
|
||||
#post pre .css .rules .attribute,
|
||||
.post-content pre .css .rules .attribute,
|
||||
#post pre .string,
|
||||
.post-content pre .string,
|
||||
#post pre .value,
|
||||
.post-content pre .value,
|
||||
#post pre .inheritance,
|
||||
.post-content pre .inheritance,
|
||||
#post pre .header,
|
||||
.post-content pre .header,
|
||||
#post pre .ruby .symbol,
|
||||
.post-content pre .ruby .symbol,
|
||||
#post pre .xml .cdata,
|
||||
.post-content pre .xml .cdata,
|
||||
#post pre .special,
|
||||
.post-content pre .special,
|
||||
#post pre .number,
|
||||
.post-content pre .number,
|
||||
#post pre .formula,
|
||||
.post-content pre .formula {
|
||||
color: #c3e88d;
|
||||
}
|
||||
#post pre .ruby .class .title::selection,
|
||||
.post-content pre .ruby .class .title::selection,
|
||||
#post pre .css .rules .attribute::selection,
|
||||
.post-content pre .css .rules .attribute::selection,
|
||||
#post pre .string::selection,
|
||||
.post-content pre .string::selection,
|
||||
#post pre .value::selection,
|
||||
.post-content pre .value::selection,
|
||||
#post pre .inheritance::selection,
|
||||
.post-content pre .inheritance::selection,
|
||||
#post pre .header::selection,
|
||||
.post-content pre .header::selection,
|
||||
#post pre .ruby .symbol::selection,
|
||||
.post-content pre .ruby .symbol::selection,
|
||||
#post pre .xml .cdata::selection,
|
||||
.post-content pre .xml .cdata::selection,
|
||||
#post pre .special::selection,
|
||||
.post-content pre .special::selection,
|
||||
#post pre .number::selection,
|
||||
.post-content pre .number::selection,
|
||||
#post pre .formula::selection,
|
||||
.post-content pre .formula::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .keyword,
|
||||
.post-content pre .keyword,
|
||||
#post pre .title,
|
||||
.post-content pre .title,
|
||||
#post pre .css .hexcolor,
|
||||
.post-content pre .css .hexcolor {
|
||||
color: #89ddff;
|
||||
}
|
||||
#post pre .keyword::selection,
|
||||
.post-content pre .keyword::selection,
|
||||
#post pre .title::selection,
|
||||
.post-content pre .title::selection,
|
||||
#post pre .css .hexcolor::selection,
|
||||
.post-content pre .css .hexcolor::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .function,
|
||||
.post-content pre .function,
|
||||
#post pre .python .decorator,
|
||||
.post-content pre .python .decorator,
|
||||
#post pre .python .title,
|
||||
.post-content pre .python .title,
|
||||
#post pre .ruby .function .title,
|
||||
.post-content pre .ruby .function .title,
|
||||
#post pre .ruby .title .keyword,
|
||||
.post-content pre .ruby .title .keyword,
|
||||
#post pre .perl .sub,
|
||||
.post-content pre .perl .sub,
|
||||
#post pre .javascript .title,
|
||||
.post-content pre .javascript .title,
|
||||
#post pre .coffeescript .title,
|
||||
.post-content pre .coffeescript .title {
|
||||
color: #82aaff;
|
||||
}
|
||||
#post pre .function::selection,
|
||||
.post-content pre .function::selection,
|
||||
#post pre .python .decorator::selection,
|
||||
.post-content pre .python .decorator::selection,
|
||||
#post pre .python .title::selection,
|
||||
.post-content pre .python .title::selection,
|
||||
#post pre .ruby .function .title::selection,
|
||||
.post-content pre .ruby .function .title::selection,
|
||||
#post pre .ruby .title .keyword::selection,
|
||||
.post-content pre .ruby .title .keyword::selection,
|
||||
#post pre .perl .sub::selection,
|
||||
.post-content pre .perl .sub::selection,
|
||||
#post pre .javascript .title::selection,
|
||||
.post-content pre .javascript .title::selection,
|
||||
#post pre .coffeescript .title::selection,
|
||||
.post-content pre .coffeescript .title::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .tag .attr,
|
||||
.post-content pre .tag .attr,
|
||||
#post pre .javascript .function,
|
||||
.post-content pre .javascript .function {
|
||||
color: #c792ea;
|
||||
}
|
||||
#post pre .tag .attr::selection,
|
||||
.post-content pre .tag .attr::selection,
|
||||
#post pre .javascript .function::selection,
|
||||
.post-content pre .javascript .function::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
@@ -1,93 +0,0 @@
|
||||
.home {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (min-width: 10px) and (max-width: 500px) {
|
||||
.home {
|
||||
margin: 10%;
|
||||
}
|
||||
.avatar {
|
||||
width: 40%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
margin-top: 20px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, auto);
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.nav-bar-item-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.article-preview {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.article-preview-top-title {
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.article-preview-top-date {
|
||||
font-size: 15px;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 501px) and (max-width: 1920px) {
|
||||
.home {
|
||||
margin: 5%;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 25%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
place-items: center;
|
||||
gap: 25px;
|
||||
}
|
||||
|
||||
.nav-bar-item-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.article-preview {
|
||||
padding-top: 5%;
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.article-preview-top {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.article-preview-top-date {
|
||||
font-size: 15px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.article-preview-top-title {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.page-switcher {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
}
|
||||
@@ -1,494 +0,0 @@
|
||||
#post figure.highlight.js table::before {
|
||||
content: "js";
|
||||
}
|
||||
#post figure.highlight.javascript table::before {
|
||||
content: "javascript";
|
||||
}
|
||||
#post figure.highlight.python table::before {
|
||||
content: "python";
|
||||
}
|
||||
#post figure.highlight.ruby table::before {
|
||||
content: "ruby";
|
||||
}
|
||||
#post figure.highlight.xml table::before {
|
||||
content: "xml";
|
||||
}
|
||||
#post figure.highlight.html table::before {
|
||||
content: "html";
|
||||
}
|
||||
#post figure.highlight.css table::before {
|
||||
content: "css";
|
||||
}
|
||||
#post figure.highlight.perl table::before {
|
||||
content: "perl";
|
||||
}
|
||||
#post figure.highlight.sql table::before {
|
||||
content: "sql";
|
||||
}
|
||||
#post figure.highlight.coffeescript table::before {
|
||||
content: "coffeescript";
|
||||
}
|
||||
#post figure.highlight.java table::before {
|
||||
content: "java";
|
||||
}
|
||||
#post figure.highlight.scala table::before {
|
||||
content: "scala";
|
||||
}
|
||||
#post figure.highlight.kotlin table::before {
|
||||
content: "kotlin";
|
||||
}
|
||||
#post figure.highlight.c table::before {
|
||||
content: "c";
|
||||
}
|
||||
#post figure.highlight.c\+\+ table::before {
|
||||
content: "c\+\+";
|
||||
}
|
||||
#post figure.highlight.go table::before {
|
||||
content: "go";
|
||||
}
|
||||
#post figure.highlight.less table::before {
|
||||
content: "less";
|
||||
}
|
||||
#post figure.highlight.sass table::before {
|
||||
content: "sass";
|
||||
}
|
||||
#post figure.highlight.scss table::before {
|
||||
content: "scss";
|
||||
}
|
||||
#post figure.highlight.stylus table::before {
|
||||
content: "stylus";
|
||||
}
|
||||
#post figure.highlight.styl table::before {
|
||||
content: "styl";
|
||||
}
|
||||
#post figure.highlight.typescript table::before {
|
||||
content: "typescript";
|
||||
}
|
||||
#post figure.highlight.ts table::before {
|
||||
content: "ts";
|
||||
}
|
||||
#post figure.highlight.bash table::before {
|
||||
content: "bash";
|
||||
}
|
||||
#post pre,
|
||||
.post-content pre,
|
||||
#post .highlight,
|
||||
.post-content .highlight {
|
||||
overflow: auto;
|
||||
margin: 0.12rem 0;
|
||||
padding: 0;
|
||||
padding-top: 0.32rem;
|
||||
background: #292d3e;
|
||||
color: #a6accd;
|
||||
font-size: 0.14rem;
|
||||
line-height: 0.2rem;
|
||||
}
|
||||
figure.highlight {
|
||||
position: relative;
|
||||
}
|
||||
figure.highlight table th,
|
||||
figure.highlight table td {
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
blockquote {
|
||||
margin: 0;
|
||||
padding: 0 0.08rem;
|
||||
border-left: 0.02rem solid $color-sub-theme;
|
||||
color: #6a737d;
|
||||
}
|
||||
#post pre,
|
||||
.post-content pre,
|
||||
#post code,
|
||||
.post-content code {
|
||||
font-family: consolas, Menlo, "PingFang SC", "Microsoft YaHei", monospace, Helvetica Neue For Number !important;
|
||||
}
|
||||
#post code,
|
||||
.post-content code {
|
||||
margin: 0 0.02rem;
|
||||
padding: 0.01rem 0.04rem;
|
||||
background: $rgba-color;
|
||||
color: $color-font;
|
||||
word-wrap: break-word;
|
||||
font-size: 0.14rem;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
#post pre code,
|
||||
.post-content pre code {
|
||||
padding: 0;
|
||||
background: none;
|
||||
color: #a6accd;
|
||||
text-shadow: none;
|
||||
}
|
||||
#post .highlight,
|
||||
.post-content .highlight {
|
||||
position: relative;
|
||||
border-radius: 0.04rem;
|
||||
}
|
||||
#post .highlight::after,
|
||||
.post-content .highlight::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 0;
|
||||
min-width: 100%;
|
||||
height: 0.32rem;
|
||||
background: #1f222f;
|
||||
content: "";
|
||||
}
|
||||
#post .highlight pre,
|
||||
.post-content .highlight pre {
|
||||
margin: 0;
|
||||
padding: 0.08rem 0;
|
||||
border: none;
|
||||
}
|
||||
#post .highlight .line::selection,
|
||||
.post-content .highlight .line::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post .highlight table,
|
||||
.post-content .highlight table {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
width: auto;
|
||||
border: none;
|
||||
}
|
||||
#post .highlight table::before,
|
||||
.post-content .highlight table::before {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
margin-top: -0.4rem;
|
||||
padding: 0 0.08rem;
|
||||
width: 0.5rem;
|
||||
color: #a6accd;
|
||||
content: "Code";
|
||||
font-weight: bold;
|
||||
font-size: 0.08rem;
|
||||
line-height: 0.32rem;
|
||||
}
|
||||
#post .highlight table::after,
|
||||
.post-content .highlight table::after {
|
||||
position: absolute;
|
||||
top: -0.4rem;
|
||||
z-index: 0;
|
||||
width: 100%;
|
||||
height: 0.32rem;
|
||||
background: #1f222f;
|
||||
content: "";
|
||||
}
|
||||
#post .highlight td,
|
||||
.post-content .highlight td {
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
#post .highlight figcaption,
|
||||
.post-content .highlight figcaption {
|
||||
margin-bottom: 0.12rem;
|
||||
color: #a6accd;
|
||||
font-size: 0.12rem;
|
||||
line-height: 0.12rem;
|
||||
}
|
||||
#post .highlight figcaption a,
|
||||
.post-content .highlight figcaption a {
|
||||
float: right;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post .highlight figcaption a:hover,
|
||||
.post-content .highlight figcaption a:hover {
|
||||
border-bottom-color: #a6accd;
|
||||
}
|
||||
#post .highlight .gutter pre,
|
||||
.post-content .highlight .gutter pre {
|
||||
padding-right: 0.08rem;
|
||||
padding-left: 0.08rem;
|
||||
background-color: #292d3e;
|
||||
color: #3a3f58;
|
||||
text-align: right;
|
||||
}
|
||||
#post .highlight .code pre,
|
||||
.post-content .highlight .code pre {
|
||||
padding-right: 0.08rem;
|
||||
padding-left: 0.08rem;
|
||||
width: 100%;
|
||||
background-color: #292d3e;
|
||||
}
|
||||
#post .highlight .line,
|
||||
.post-content .highlight .line {
|
||||
height: 0.12rem;
|
||||
}
|
||||
#post .highlight .fa-clipboard,
|
||||
.post-content .highlight .fa-clipboard {
|
||||
position: absolute;
|
||||
top: 0.08rem;
|
||||
right: 0.1rem;
|
||||
z-index: 1;
|
||||
color: $color-font;
|
||||
cursor: pointer;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#post .highlight .fa-clipboard:hover,
|
||||
.post-content .highlight .fa-clipboard:hover {
|
||||
color: $color-theme;
|
||||
}
|
||||
#post .highlight .copy-notice,
|
||||
.post-content .highlight .copy-notice {
|
||||
position: absolute;
|
||||
top: 0.06rem;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
color: $color-theme;
|
||||
opacity: 0;
|
||||
}
|
||||
#post .gutter,
|
||||
.post-content .gutter {
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
#post .gist table,
|
||||
.post-content .gist table {
|
||||
width: auto;
|
||||
}
|
||||
#post .gist table td,
|
||||
.post-content .gist table td {
|
||||
border: none;
|
||||
}
|
||||
#post pre .deletion,
|
||||
.post-content pre .deletion {
|
||||
background: #008000;
|
||||
}
|
||||
#post pre .addition,
|
||||
.post-content pre .addition {
|
||||
background: #800000;
|
||||
}
|
||||
#post pre .meta,
|
||||
.post-content pre .meta {
|
||||
color: #c792ea;
|
||||
}
|
||||
#post pre .comment,
|
||||
.post-content pre .comment {
|
||||
color: #676e95;
|
||||
}
|
||||
#post pre .comment::selection,
|
||||
.post-content pre .comment::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .variable,
|
||||
.post-content pre .variable,
|
||||
#post pre .attribute,
|
||||
.post-content pre .attribute,
|
||||
#post pre .regexp,
|
||||
.post-content pre .regexp,
|
||||
#post pre .ruby .constant,
|
||||
.post-content pre .ruby .constant,
|
||||
#post pre .xml .tag .title,
|
||||
.post-content pre .xml .tag .title,
|
||||
#post pre .xml .pi,
|
||||
.post-content pre .xml .pi,
|
||||
#post pre .xml .doctype,
|
||||
.post-content pre .xml .doctype,
|
||||
#post pre .html .doctype,
|
||||
.post-content pre .html .doctype,
|
||||
#post pre .css .id,
|
||||
.post-content pre .css .id,
|
||||
#post pre .tag .name,
|
||||
.post-content pre .tag .name,
|
||||
#post pre .css .class,
|
||||
.post-content pre .css .class,
|
||||
#post pre .css .pseudo,
|
||||
.post-content pre .css .pseudo {
|
||||
color: #ff5370;
|
||||
}
|
||||
#post pre .variable::selection,
|
||||
.post-content pre .variable::selection,
|
||||
#post pre .attribute::selection,
|
||||
.post-content pre .attribute::selection,
|
||||
#post pre .regexp::selection,
|
||||
.post-content pre .regexp::selection,
|
||||
#post pre .ruby .constant::selection,
|
||||
.post-content pre .ruby .constant::selection,
|
||||
#post pre .xml .tag .title::selection,
|
||||
.post-content pre .xml .tag .title::selection,
|
||||
#post pre .xml .pi::selection,
|
||||
.post-content pre .xml .pi::selection,
|
||||
#post pre .xml .doctype::selection,
|
||||
.post-content pre .xml .doctype::selection,
|
||||
#post pre .html .doctype::selection,
|
||||
.post-content pre .html .doctype::selection,
|
||||
#post pre .css .id::selection,
|
||||
.post-content pre .css .id::selection,
|
||||
#post pre .tag .name::selection,
|
||||
.post-content pre .tag .name::selection,
|
||||
#post pre .css .class::selection,
|
||||
.post-content pre .css .class::selection,
|
||||
#post pre .css .pseudo::selection,
|
||||
.post-content pre .css .pseudo::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .tag,
|
||||
.post-content pre .tag {
|
||||
color: #89ddff;
|
||||
}
|
||||
#post pre .tag::selection,
|
||||
.post-content pre .tag::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .number,
|
||||
.post-content pre .number,
|
||||
#post pre .preprocessor,
|
||||
.post-content pre .preprocessor,
|
||||
#post pre .literal,
|
||||
.post-content pre .literal,
|
||||
#post pre .params,
|
||||
.post-content pre .params,
|
||||
#post pre .constant,
|
||||
.post-content pre .constant,
|
||||
#post pre .command,
|
||||
.post-content pre .command {
|
||||
color: #f78c6c;
|
||||
}
|
||||
#post pre .number::selection,
|
||||
.post-content pre .number::selection,
|
||||
#post pre .preprocessor::selection,
|
||||
.post-content pre .preprocessor::selection,
|
||||
#post pre .literal::selection,
|
||||
.post-content pre .literal::selection,
|
||||
#post pre .params::selection,
|
||||
.post-content pre .params::selection,
|
||||
#post pre .constant::selection,
|
||||
.post-content pre .constant::selection,
|
||||
#post pre .command::selection,
|
||||
.post-content pre .command::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .built_in,
|
||||
.post-content pre .built_in {
|
||||
color: #ffcb6b;
|
||||
}
|
||||
#post pre .built_in::selection,
|
||||
.post-content pre .built_in::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .ruby .class .title,
|
||||
.post-content pre .ruby .class .title,
|
||||
#post pre .css .rules .attribute,
|
||||
.post-content pre .css .rules .attribute,
|
||||
#post pre .string,
|
||||
.post-content pre .string,
|
||||
#post pre .value,
|
||||
.post-content pre .value,
|
||||
#post pre .inheritance,
|
||||
.post-content pre .inheritance,
|
||||
#post pre .header,
|
||||
.post-content pre .header,
|
||||
#post pre .ruby .symbol,
|
||||
.post-content pre .ruby .symbol,
|
||||
#post pre .xml .cdata,
|
||||
.post-content pre .xml .cdata,
|
||||
#post pre .special,
|
||||
.post-content pre .special,
|
||||
#post pre .number,
|
||||
.post-content pre .number,
|
||||
#post pre .formula,
|
||||
.post-content pre .formula {
|
||||
color: #c3e88d;
|
||||
}
|
||||
#post pre .ruby .class .title::selection,
|
||||
.post-content pre .ruby .class .title::selection,
|
||||
#post pre .css .rules .attribute::selection,
|
||||
.post-content pre .css .rules .attribute::selection,
|
||||
#post pre .string::selection,
|
||||
.post-content pre .string::selection,
|
||||
#post pre .value::selection,
|
||||
.post-content pre .value::selection,
|
||||
#post pre .inheritance::selection,
|
||||
.post-content pre .inheritance::selection,
|
||||
#post pre .header::selection,
|
||||
.post-content pre .header::selection,
|
||||
#post pre .ruby .symbol::selection,
|
||||
.post-content pre .ruby .symbol::selection,
|
||||
#post pre .xml .cdata::selection,
|
||||
.post-content pre .xml .cdata::selection,
|
||||
#post pre .special::selection,
|
||||
.post-content pre .special::selection,
|
||||
#post pre .number::selection,
|
||||
.post-content pre .number::selection,
|
||||
#post pre .formula::selection,
|
||||
.post-content pre .formula::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .keyword,
|
||||
.post-content pre .keyword,
|
||||
#post pre .title,
|
||||
.post-content pre .title,
|
||||
#post pre .css .hexcolor,
|
||||
.post-content pre .css .hexcolor {
|
||||
color: #89ddff;
|
||||
}
|
||||
#post pre .keyword::selection,
|
||||
.post-content pre .keyword::selection,
|
||||
#post pre .title::selection,
|
||||
.post-content pre .title::selection,
|
||||
#post pre .css .hexcolor::selection,
|
||||
.post-content pre .css .hexcolor::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .function,
|
||||
.post-content pre .function,
|
||||
#post pre .python .decorator,
|
||||
.post-content pre .python .decorator,
|
||||
#post pre .python .title,
|
||||
.post-content pre .python .title,
|
||||
#post pre .ruby .function .title,
|
||||
.post-content pre .ruby .function .title,
|
||||
#post pre .ruby .title .keyword,
|
||||
.post-content pre .ruby .title .keyword,
|
||||
#post pre .perl .sub,
|
||||
.post-content pre .perl .sub,
|
||||
#post pre .javascript .title,
|
||||
.post-content pre .javascript .title,
|
||||
#post pre .coffeescript .title,
|
||||
.post-content pre .coffeescript .title {
|
||||
color: #82aaff;
|
||||
}
|
||||
#post pre .function::selection,
|
||||
.post-content pre .function::selection,
|
||||
#post pre .python .decorator::selection,
|
||||
.post-content pre .python .decorator::selection,
|
||||
#post pre .python .title::selection,
|
||||
.post-content pre .python .title::selection,
|
||||
#post pre .ruby .function .title::selection,
|
||||
.post-content pre .ruby .function .title::selection,
|
||||
#post pre .ruby .title .keyword::selection,
|
||||
.post-content pre .ruby .title .keyword::selection,
|
||||
#post pre .perl .sub::selection,
|
||||
.post-content pre .perl .sub::selection,
|
||||
#post pre .javascript .title::selection,
|
||||
.post-content pre .javascript .title::selection,
|
||||
#post pre .coffeescript .title::selection,
|
||||
.post-content pre .coffeescript .title::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
#post pre .tag .attr,
|
||||
.post-content pre .tag .attr,
|
||||
#post pre .javascript .function,
|
||||
.post-content pre .javascript .function {
|
||||
color: #c792ea;
|
||||
}
|
||||
#post pre .tag .attr::selection,
|
||||
.post-content pre .tag .attr::selection,
|
||||
#post pre .javascript .function::selection,
|
||||
.post-content pre .javascript .function::selection {
|
||||
background: #717cb4;
|
||||
color: #a6accd;
|
||||
}
|
||||
@@ -1,42 +0,0 @@
|
||||
#footer {
|
||||
padding: 0 0.16rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
width: calc(100% - 0.32rem);
|
||||
height: 0.4rem;
|
||||
line-height: 0.4rem;
|
||||
border-top: 1px solid rgba(173,181,189,0.4);
|
||||
font-size: 0.12rem;
|
||||
color: $color-font;
|
||||
}
|
||||
#footer #side-button {
|
||||
margin-top: 0.04rem;
|
||||
width: 0.32rem;
|
||||
height: 0.32rem;
|
||||
cursor: pointer;
|
||||
line-height: 0.32rem;
|
||||
text-align: center;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#footer #side-button.close {
|
||||
transition: $transition-delay;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
#footer .right-content {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
#footer .right-content .busuanzi {
|
||||
margin-right: 0.16rem;
|
||||
}
|
||||
#footer .right-content .busuanzi #busuanzi_container_site_uv,
|
||||
#footer .right-content .busuanzi #busuanzi_container_site_pv {
|
||||
margin-right: 0.08rem;
|
||||
}
|
||||
#footer .right-content .busuanzi .footer-separator {
|
||||
margin: 0 0.08rem;
|
||||
}
|
||||
#footer .right-content .copyright {
|
||||
font-size: 0.12rem;
|
||||
}
|
||||
@@ -1,120 +0,0 @@
|
||||
#menu-outer {
|
||||
padding: 0 0.16rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
width: calc(100% - 0.32rem);
|
||||
height: 0.56rem;
|
||||
line-height: 0.56rem;
|
||||
border-bottom: 1px solid rgba(173,181,189,0.4);
|
||||
}
|
||||
#menu-outer .menu-list-icon {
|
||||
display: inline-block;
|
||||
line-height: 0.56rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
#menu-outer #menu-inner.min-menu-inner {
|
||||
position: absolute;
|
||||
top: 0.56rem;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow-y: auto;
|
||||
background: rgba(0,0,0,0.6);
|
||||
transition: $transition-delay;
|
||||
z-index: 99;
|
||||
opacity: 0;
|
||||
}
|
||||
#menu-outer #menu-inner.min-menu-inner .menu-item {
|
||||
display: block;
|
||||
height: 0.56rem;
|
||||
line-height: 0.56rem;
|
||||
position: relative;
|
||||
padding: 0 0.16rem;
|
||||
font-size: 0.16rem;
|
||||
font-weight: bolder;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer #menu-inner.min-menu-inner .menu-item:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 0;
|
||||
height: 0.02rem;
|
||||
background: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer #menu-inner.min-menu-inner .menu-item:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer #menu-inner.min-menu-inner .menu-item:hover:after {
|
||||
width: 100%;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer #menu-inner.min-menu-inner.show-min-menu-inner {
|
||||
display: block;
|
||||
height: calc(100vh - 0.56rem);
|
||||
transition: $transition-delay;
|
||||
opacity: 1;
|
||||
}
|
||||
#menu-outer .right-info .search {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
font-weight: bolder;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer .right-info .search:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
width: 0;
|
||||
height: 0.02rem;
|
||||
background: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer .right-info .search:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer .right-info .search:hover:after {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer .right-info .search .fas {
|
||||
font-size: 0.12rem;
|
||||
}
|
||||
#menu-outer .right-info .title-name {
|
||||
margin-left: 0.16rem;
|
||||
position: relative;
|
||||
font-weight: bolder;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer .right-info .title-name:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
width: 0;
|
||||
height: 0.02rem;
|
||||
background: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer .right-info .title-name:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer .right-info .title-name:hover:after {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#menu-outer .right-info #now-time {
|
||||
display: inline-block;
|
||||
margin-left: 0.16rem;
|
||||
text-align: right;
|
||||
}
|
||||
@@ -1,232 +0,0 @@
|
||||
#page .tag-cloud {
|
||||
padding-top: 0.32rem;
|
||||
text-align: center;
|
||||
}
|
||||
#page .tag-cloud .tag-cloud-title {
|
||||
display: inline-block;
|
||||
font-size: 0.3rem;
|
||||
}
|
||||
#page .tag-cloud .tag-cloud-line {
|
||||
margin: 0 0.16rem;
|
||||
font-size: 0.3rem;
|
||||
}
|
||||
#page .tag-cloud .tag-cloud-amount {
|
||||
font-size: 0.3rem;
|
||||
}
|
||||
#page .tag-cloud .tag-cloud-tags {
|
||||
margin: 0.32rem 0 0 0;
|
||||
}
|
||||
#page .tag-cloud .tag-cloud-tags a {
|
||||
display: inline-block;
|
||||
margin: 0.16rem 0.16rem;
|
||||
}
|
||||
#page .tag-cloud .tag-cloud-tags a:hover {
|
||||
color: $color-theme;
|
||||
}
|
||||
#page .category-lists {
|
||||
padding-top: 0.32rem;
|
||||
text-align: center;
|
||||
}
|
||||
#page .category-lists .category-title {
|
||||
display: inline-block;
|
||||
font-size: 0.3rem;
|
||||
}
|
||||
#page .category-lists .category-line {
|
||||
margin: 0 0.16rem;
|
||||
font-size: 0.3rem;
|
||||
}
|
||||
#page .category-lists .category-amount {
|
||||
font-size: 0.3rem;
|
||||
}
|
||||
#page .category-lists .category-list {
|
||||
margin-top: 0.4rem;
|
||||
padding: 0 0 0.08rem;
|
||||
list-style: none;
|
||||
counter-reset: li;
|
||||
text-align: left;
|
||||
}
|
||||
#page .category-lists .category-list .category-list-item {
|
||||
position: relative;
|
||||
margin: 0.2rem 0;
|
||||
padding: 0.1rem 0.5rem 0.1rem 0.32rem;
|
||||
font-size: 0.14rem;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#page .category-lists .category-list .category-list-item::before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0.08rem;
|
||||
left: 0;
|
||||
width: 0.08rem;
|
||||
height: 0.08rem;
|
||||
border: 0.04rem solid $color-sub-theme;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
line-height: 0.3rem;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#page .category-lists .category-list .category-list-item:hover::before {
|
||||
border: 0.04rem solid $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#page .category-lists .category-list .category-list-item:hover .category-list-link,
|
||||
#page .category-lists .category-list .category-list-item:hover .category-list-count {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#page .category-lists .category-list .category-list-item .category-list-link {
|
||||
color: $color-font;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#page .category-lists .category-list .category-list-item .category-list-count {
|
||||
margin-left: 0.16rem;
|
||||
color: $color-font;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#page .category-lists .category-list .category-list-item .category-list-count::before {
|
||||
content: '(';
|
||||
}
|
||||
#page .category-lists .category-list .category-list-item .category-list-count::after {
|
||||
content: ')';
|
||||
}
|
||||
#page .about {
|
||||
margin-bottom: 0.16rem;
|
||||
padding: 0.16rem;
|
||||
background: $rgba-color;
|
||||
border-radius: 0.04rem;
|
||||
line-height: 0.28rem;
|
||||
}
|
||||
#page .about img {
|
||||
max-width: 100%;
|
||||
}
|
||||
#page .about a {
|
||||
color: $color-sub-theme;
|
||||
}
|
||||
#page .about a:hover {
|
||||
color: $color-theme;
|
||||
}
|
||||
#page .about table {
|
||||
margin: 0.08rem 0 0.16rem 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
#page .about table thead tr th {
|
||||
padding: 0.08rem 0.16rem;
|
||||
border: 1px solid $color-font;
|
||||
background: $rgba-color;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#page .about table tbody tr td {
|
||||
padding: 0.08rem 0.16rem;
|
||||
border: 1px solid $color-font;
|
||||
}
|
||||
#page .about h1,
|
||||
#page .about h2,
|
||||
#page .about h3,
|
||||
#page .about h4,
|
||||
#page .about h5,
|
||||
#page .about h6 {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
transition: $transition-delay;
|
||||
padding-left: 0.16rem;
|
||||
color: #fff3cd;
|
||||
}
|
||||
#page .about h1:before,
|
||||
#page .about h2:before,
|
||||
#page .about h3:before,
|
||||
#page .about h4:before,
|
||||
#page .about h5:before,
|
||||
#page .about h6:before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
color: $color-sub-theme;
|
||||
content: "\f0c1";
|
||||
font: normal normal normal 0.12rem/1 FontAwesome;
|
||||
font-size: 0.12rem;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#page .about h1:hover,
|
||||
#page .about h2:hover,
|
||||
#page .about h3:hover,
|
||||
#page .about h4:hover,
|
||||
#page .about h5:hover,
|
||||
#page .about h6:hover {
|
||||
padding-left: 0.24rem;
|
||||
}
|
||||
#page .about h1:hover:before,
|
||||
#page .about h2:hover:before,
|
||||
#page .about h3:hover:before,
|
||||
#page .about h4:hover:before,
|
||||
#page .about h5:hover:before,
|
||||
#page .about h6:hover:before {
|
||||
color: $color-theme;
|
||||
}
|
||||
#page .about ol,
|
||||
#page .about ul {
|
||||
margin-top: 0.08rem;
|
||||
padding: 0 0 0 0.16rem;
|
||||
list-style: none;
|
||||
counter-reset: li;
|
||||
}
|
||||
#page .about ol p,
|
||||
#page .about ul p {
|
||||
margin: 0;
|
||||
}
|
||||
#page .about ol ol,
|
||||
#page .about ul ol,
|
||||
#page .about ol ul,
|
||||
#page .about ul ul {
|
||||
padding-left: 0.08rem;
|
||||
}
|
||||
#page .about ol li,
|
||||
#page .about ul li {
|
||||
position: relative;
|
||||
margin: 0.04rem 0;
|
||||
padding: 0.02rem 0.1rem 0.02rem 0.3rem;
|
||||
}
|
||||
#page .about ol li:hover:before,
|
||||
#page .about ul li:hover:before {
|
||||
transform: rotate(360deg);
|
||||
color: $color-theme;
|
||||
}
|
||||
#page .about ol li:before,
|
||||
#page .about ul li:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: $rgba-color;
|
||||
color: $color-sub-theme;
|
||||
cursor: pointer;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#page .about ol li:before {
|
||||
margin-top: 0.04rem;
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
border-radius: 0.12rem;
|
||||
content: counter(li);
|
||||
counter-increment: li;
|
||||
text-align: center;
|
||||
font-size: 0.12rem;
|
||||
font-weight: 600;
|
||||
line-height: 0.24rem;
|
||||
}
|
||||
#page .about ul li:hover:before {
|
||||
border-color: $color-theme;
|
||||
}
|
||||
#page .about ul li:before {
|
||||
top: 0.11rem;
|
||||
margin-left: 0.04rem;
|
||||
width: 0.06rem;
|
||||
height: 0.06rem;
|
||||
border: 0.018rem solid $color-sub-theme;
|
||||
background: transparent;
|
||||
content: "";
|
||||
line-height: 0.06rem;
|
||||
transform: rotateZ(45deg);
|
||||
}
|
||||
@@ -1,171 +0,0 @@
|
||||
#pagination {
|
||||
padding: 0 0.16rem;
|
||||
height: 0.4rem;
|
||||
}
|
||||
#pagination .pagination {
|
||||
height: 0.4rem;
|
||||
text-align: center;
|
||||
}
|
||||
#pagination .pagination .prev,
|
||||
#pagination .pagination .page-number,
|
||||
#pagination .pagination .next {
|
||||
margin: 0 0.04rem;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 0.4rem;
|
||||
height: 0.4rem;
|
||||
text-align: center;
|
||||
line-height: 0.4rem;
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
border-radius: 0.04rem;
|
||||
color: $color-font;
|
||||
transition: $transition-delay;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
#pagination .pagination .prev:after,
|
||||
#pagination .pagination .page-number:after,
|
||||
#pagination .pagination .next:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
background: $rgba-color;
|
||||
filter: blur(0.05rem);
|
||||
margin: -0.2rem;
|
||||
z-index: -1;
|
||||
}
|
||||
#pagination .pagination .prev:before,
|
||||
#pagination .pagination .page-number:before,
|
||||
#pagination .pagination .next:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: -0.5rem;
|
||||
top: -0.2rem;
|
||||
width: 0.3rem;
|
||||
height: 0.8rem;
|
||||
background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));
|
||||
transform: rotateZ(-30deg);
|
||||
}
|
||||
#pagination .pagination .prev:hover,
|
||||
#pagination .pagination .page-number:hover,
|
||||
#pagination .pagination .next:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#pagination .pagination .prev:hover:before,
|
||||
#pagination .pagination .page-number:hover:before,
|
||||
#pagination .pagination .next:hover:before {
|
||||
left: 0.4rem;
|
||||
top: -0.2rem;
|
||||
transform: rotateZ(0deg);
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#pagination .pagination .prev {
|
||||
margin-left: 0;
|
||||
}
|
||||
#pagination .pagination .page-number.current {
|
||||
color: $color-theme;
|
||||
font-size: 0.16rem;
|
||||
}
|
||||
#pagination .pagination .next {
|
||||
margin-right: 0;
|
||||
}
|
||||
#pagination .pagination .space {
|
||||
display: inline-block;
|
||||
height: 0.4rem;
|
||||
line-height: 0.3rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
#pagination .pull-left,
|
||||
#pagination .pull-right {
|
||||
padding: 0 0.16rem;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 0.4rem;
|
||||
text-align: center;
|
||||
line-height: 0.4rem;
|
||||
color: $color-font;
|
||||
transition: $transition-delay;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
#pagination .pull-left .line,
|
||||
#pagination .pull-right .line {
|
||||
position: absolute;
|
||||
transition: $transition-delay;
|
||||
background: $color-theme;
|
||||
}
|
||||
#pagination .pull-left .line.line-top,
|
||||
#pagination .pull-right .line.line-top {
|
||||
width: 0;
|
||||
height: 0.01rem;
|
||||
left: -110%;
|
||||
top: -0.01rem;
|
||||
}
|
||||
#pagination .pull-left .line.line-right,
|
||||
#pagination .pull-right .line.line-right {
|
||||
width: 0.01rem;
|
||||
height: 0;
|
||||
right: -0.01rem;
|
||||
top: -110%;
|
||||
}
|
||||
#pagination .pull-left .line.line-bottom,
|
||||
#pagination .pull-right .line.line-bottom {
|
||||
width: 0.01rem;
|
||||
height: 0;
|
||||
left: -0.01rem;
|
||||
bottom: -110%;
|
||||
}
|
||||
#pagination .pull-left .line.line-left,
|
||||
#pagination .pull-right .line.line-left {
|
||||
width: 0;
|
||||
height: 0.01rem;
|
||||
bottom: -0.01rem;
|
||||
right: -110%;
|
||||
}
|
||||
#pagination .pull-left:hover,
|
||||
#pagination .pull-right:hover {
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#pagination .pull-left:hover .line-top,
|
||||
#pagination .pull-right:hover .line-top {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
#pagination .pull-left:hover .line-right,
|
||||
#pagination .pull-right:hover .line-right {
|
||||
height: 100%;
|
||||
top: 0;
|
||||
}
|
||||
#pagination .pull-left:hover .line-bottom,
|
||||
#pagination .pull-right:hover .line-bottom {
|
||||
height: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
#pagination .pull-left:hover .line-left,
|
||||
#pagination .pull-right:hover .line-left {
|
||||
width: 100%;
|
||||
right: 0;
|
||||
}
|
||||
#pagination .pull-left:hover a,
|
||||
#pagination .pull-right:hover a {
|
||||
transition: $transition-delay;
|
||||
color: $color-theme;
|
||||
}
|
||||
#pagination .pull-left a,
|
||||
#pagination .pull-right a {
|
||||
transition: $transition-delay;
|
||||
color: $color-font;
|
||||
text-decoration: none;
|
||||
}
|
||||
#pagination .pull-left {
|
||||
float: left;
|
||||
}
|
||||
#pagination .pull-right {
|
||||
float: right;
|
||||
}
|
||||
@@ -1,301 +0,0 @@
|
||||
#post,
|
||||
.post-content {
|
||||
margin-bottom: 0.16rem;
|
||||
padding: 0.16rem;
|
||||
background: $rgba-color;
|
||||
border-radius: 0.04rem;
|
||||
}
|
||||
#post .post-header .title,
|
||||
.post-content .post-header .title {
|
||||
font-size: 0.26rem;
|
||||
color: $color-white;
|
||||
position: relative;
|
||||
margin: 0 0 0.16rem 0;
|
||||
padding: 0.08rem 0;
|
||||
display: block;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#post .post-header .title:after,
|
||||
.post-content .post-header .title:after {
|
||||
content: url("../../images/ufo.svg");
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.12rem;
|
||||
width: 0.12rem;
|
||||
height: 0.12rem;
|
||||
font-size: 0.12rem;
|
||||
font-weight: bolder;
|
||||
}
|
||||
#post .post-header .title:hover,
|
||||
.post-content .post-header .title:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#post .post-header .title:hover:after,
|
||||
.post-content .post-header .title:hover:after {
|
||||
animation: rotate3ding 5s infinite;
|
||||
}
|
||||
#post .post-header .container,
|
||||
.post-content .post-header .container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: left;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 0 0.16rem 0;
|
||||
}
|
||||
#post .post-header .container .article-icon,
|
||||
.post-content .post-header .container .article-icon {
|
||||
margin: 0 0.08rem 0 0;
|
||||
}
|
||||
#post .post-header .container .link-a,
|
||||
.post-content .post-header .container .link-a {
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#post .post-header .container .link-a:hover,
|
||||
.post-content .post-header .container .link-a:hover {
|
||||
transition: $transition-delay;
|
||||
color: $color-theme;
|
||||
}
|
||||
#post .post-header .container .post-date,
|
||||
.post-content .post-header .container .post-date,
|
||||
#post .post-header .container .categories,
|
||||
.post-content .post-header .container .categories,
|
||||
#post .post-header .container .tags,
|
||||
.post-content .post-header .container .tags {
|
||||
display: block;
|
||||
margin-top: 0.08rem;
|
||||
padding: 0.08rem 0.16rem;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
#post .post-header .container .post-date,
|
||||
.post-content .post-header .container .post-date {
|
||||
margin-right: 0.08rem;
|
||||
}
|
||||
#post .post-header .container .categories,
|
||||
.post-content .post-header .container .categories {
|
||||
margin-right: 0.08rem;
|
||||
}
|
||||
#post .post-header .container .tags,
|
||||
.post-content .post-header .container .tags {
|
||||
margin-right: 0;
|
||||
}
|
||||
#post .main-content,
|
||||
.post-content .main-content {
|
||||
line-height: 0.28rem;
|
||||
}
|
||||
#post .main-content img,
|
||||
.post-content .main-content img {
|
||||
max-width: 100%;
|
||||
}
|
||||
#post .main-content a,
|
||||
.post-content .main-content a {
|
||||
color: $color-sub-theme;
|
||||
}
|
||||
#post .main-content a:hover,
|
||||
.post-content .main-content a:hover {
|
||||
color: $color-theme;
|
||||
}
|
||||
#post .main-content table,
|
||||
.post-content .main-content table {
|
||||
margin: 0.08rem 0 0.16rem 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
#post .main-content table thead tr th,
|
||||
.post-content .main-content table thead tr th {
|
||||
padding: 0.08rem 0.16rem;
|
||||
border: 1px solid $color-font;
|
||||
background: $rgba-color;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#post .main-content table tbody tr td,
|
||||
.post-content .main-content table tbody tr td {
|
||||
padding: 0.08rem 0.16rem;
|
||||
border: 1px solid $color-font;
|
||||
}
|
||||
#post .main-content h1,
|
||||
.post-content .main-content h1,
|
||||
#post .main-content h2,
|
||||
.post-content .main-content h2,
|
||||
#post .main-content h3,
|
||||
.post-content .main-content h3,
|
||||
#post .main-content h4,
|
||||
.post-content .main-content h4,
|
||||
#post .main-content h5,
|
||||
.post-content .main-content h5,
|
||||
#post .main-content h6,
|
||||
.post-content .main-content h6 {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
transition: $transition-delay;
|
||||
padding-left: 0.16rem;
|
||||
color: #fff3cd;
|
||||
}
|
||||
#post .main-content h1:before,
|
||||
.post-content .main-content h1:before,
|
||||
#post .main-content h2:before,
|
||||
.post-content .main-content h2:before,
|
||||
#post .main-content h3:before,
|
||||
.post-content .main-content h3:before,
|
||||
#post .main-content h4:before,
|
||||
.post-content .main-content h4:before,
|
||||
#post .main-content h5:before,
|
||||
.post-content .main-content h5:before,
|
||||
#post .main-content h6:before,
|
||||
.post-content .main-content h6:before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
color: $color-sub-theme;
|
||||
content: "\f0c1";
|
||||
font: normal normal normal 0.12rem/1 FontAwesome;
|
||||
font-size: 0.12rem;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#post .main-content h1:hover,
|
||||
.post-content .main-content h1:hover,
|
||||
#post .main-content h2:hover,
|
||||
.post-content .main-content h2:hover,
|
||||
#post .main-content h3:hover,
|
||||
.post-content .main-content h3:hover,
|
||||
#post .main-content h4:hover,
|
||||
.post-content .main-content h4:hover,
|
||||
#post .main-content h5:hover,
|
||||
.post-content .main-content h5:hover,
|
||||
#post .main-content h6:hover,
|
||||
.post-content .main-content h6:hover {
|
||||
padding-left: 0.24rem;
|
||||
}
|
||||
#post .main-content h1:hover:before,
|
||||
.post-content .main-content h1:hover:before,
|
||||
#post .main-content h2:hover:before,
|
||||
.post-content .main-content h2:hover:before,
|
||||
#post .main-content h3:hover:before,
|
||||
.post-content .main-content h3:hover:before,
|
||||
#post .main-content h4:hover:before,
|
||||
.post-content .main-content h4:hover:before,
|
||||
#post .main-content h5:hover:before,
|
||||
.post-content .main-content h5:hover:before,
|
||||
#post .main-content h6:hover:before,
|
||||
.post-content .main-content h6:hover:before {
|
||||
color: $color-theme;
|
||||
}
|
||||
#post .main-content ol,
|
||||
.post-content .main-content ol,
|
||||
#post .main-content ul,
|
||||
.post-content .main-content ul {
|
||||
margin-top: 0.08rem;
|
||||
padding: 0 0 0 0.16rem;
|
||||
list-style: none;
|
||||
counter-reset: li;
|
||||
}
|
||||
#post .main-content ol p,
|
||||
.post-content .main-content ol p,
|
||||
#post .main-content ul p,
|
||||
.post-content .main-content ul p {
|
||||
margin: 0;
|
||||
}
|
||||
#post .main-content ol ol,
|
||||
.post-content .main-content ol ol,
|
||||
#post .main-content ul ol,
|
||||
.post-content .main-content ul ol,
|
||||
#post .main-content ol ul,
|
||||
.post-content .main-content ol ul,
|
||||
#post .main-content ul ul,
|
||||
.post-content .main-content ul ul {
|
||||
padding-left: 0.08rem;
|
||||
}
|
||||
#post .main-content ol li,
|
||||
.post-content .main-content ol li,
|
||||
#post .main-content ul li,
|
||||
.post-content .main-content ul li {
|
||||
position: relative;
|
||||
margin: 0.04rem 0;
|
||||
padding: 0.02rem 0.1rem 0.02rem 0.3rem;
|
||||
}
|
||||
#post .main-content ol li:hover:before,
|
||||
.post-content .main-content ol li:hover:before,
|
||||
#post .main-content ul li:hover:before,
|
||||
.post-content .main-content ul li:hover:before {
|
||||
transform: rotate(360deg);
|
||||
color: $color-theme;
|
||||
}
|
||||
#post .main-content ol li:before,
|
||||
.post-content .main-content ol li:before,
|
||||
#post .main-content ul li:before,
|
||||
.post-content .main-content ul li:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: $rgba-color;
|
||||
color: $color-sub-theme;
|
||||
cursor: pointer;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#post .main-content ol li:before,
|
||||
.post-content .main-content ol li:before {
|
||||
margin-top: 0.04rem;
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
border-radius: 0.12rem;
|
||||
content: counter(li);
|
||||
counter-increment: li;
|
||||
text-align: center;
|
||||
font-size: 0.12rem;
|
||||
font-weight: 600;
|
||||
line-height: 0.24rem;
|
||||
}
|
||||
#post .main-content ul li:hover:before,
|
||||
.post-content .main-content ul li:hover:before {
|
||||
border-color: $color-theme;
|
||||
}
|
||||
#post .main-content ul li:before,
|
||||
.post-content .main-content ul li:before {
|
||||
top: 0.11rem;
|
||||
margin-left: 0.04rem;
|
||||
width: 0.06rem;
|
||||
height: 0.06rem;
|
||||
border: 0.018rem solid $color-sub-theme;
|
||||
background: transparent;
|
||||
content: "";
|
||||
line-height: 0.06rem;
|
||||
transform: rotateZ(45deg);
|
||||
}
|
||||
#post .post-copyright,
|
||||
.post-content .post-copyright {
|
||||
position: relative;
|
||||
margin: 0.4rem 0 0.2rem 0;
|
||||
padding: 0.1rem 0.16rem;
|
||||
background: $rgba-color;
|
||||
border-radius: 0.04rem;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#post .post-copyright:hover,
|
||||
.post-content .post-copyright:hover {
|
||||
box-shadow: 0 0 0.24rem $box-shadow-color;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#post .post-copyright-author,
|
||||
.post-content .post-copyright-author,
|
||||
#post .post-copyright-type,
|
||||
.post-content .post-copyright-type,
|
||||
#post .post-copyright-notice,
|
||||
.post-content .post-copyright-notice {
|
||||
margin: 0.12rem 0;
|
||||
}
|
||||
#post .post-copyright-meta,
|
||||
.post-content .post-copyright-meta {
|
||||
color: $color-theme;
|
||||
font-weight: bold;
|
||||
}
|
||||
#post .post-copyright-info a,
|
||||
.post-content .post-copyright-info a {
|
||||
color: $color-sub-theme;
|
||||
word-break: break-word;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#post .post-copyright-info a:hover,
|
||||
.post-content .post-copyright-info a:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
@@ -1,91 +0,0 @@
|
||||
#recent-posts .recent-post-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0.32rem 0;
|
||||
padding: 0.16rem;
|
||||
background: $rgba-color;
|
||||
border-radius: 0.04rem;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#recent-posts .recent-post-item:hover {
|
||||
box-shadow: 0 0 0.24rem $box-shadow-color;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#recent-posts .recent-post-item .post-title {
|
||||
position: relative;
|
||||
margin: 0 0 0.16rem 0;
|
||||
padding: 0.08rem 0;
|
||||
display: block;
|
||||
font-size: 0.24rem;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#recent-posts .recent-post-item .post-title:after {
|
||||
content: url("../../images/ufo.svg");
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.12rem;
|
||||
width: 0.12rem;
|
||||
height: 0.12rem;
|
||||
font-size: 0.12rem;
|
||||
font-weight: bolder;
|
||||
}
|
||||
#recent-posts .recent-post-item .post-title:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#recent-posts .recent-post-item .post-title:hover:after {
|
||||
animation: rotate3ding 5s infinite;
|
||||
}
|
||||
#recent-posts .recent-post-item .container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: left;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 0.16rem;
|
||||
}
|
||||
#recent-posts .recent-post-item .container .article-icon {
|
||||
margin: 0 0.08rem 0 0;
|
||||
}
|
||||
#recent-posts .recent-post-item .container .link-a {
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#recent-posts .recent-post-item .container .link-a:hover {
|
||||
transition: $transition-delay;
|
||||
color: $color-theme;
|
||||
}
|
||||
#recent-posts .recent-post-item .container .post-date,
|
||||
#recent-posts .recent-post-item .container .categories,
|
||||
#recent-posts .recent-post-item .container .tags {
|
||||
display: block;
|
||||
margin-top: 0.08rem;
|
||||
padding: 0.08rem 0.16rem;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
#recent-posts .recent-post-item .container .post-date {
|
||||
margin-right: 0.08rem;
|
||||
}
|
||||
#recent-posts .recent-post-item .container .categories {
|
||||
margin-right: 0.08rem;
|
||||
}
|
||||
#recent-posts .recent-post-item .container .tags {
|
||||
margin-right: 0;
|
||||
}
|
||||
#recent-posts .recent-post-item .post-content {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
#recent-posts .recent-post-item .content {
|
||||
margin-top: 0.32rem;
|
||||
display: block;
|
||||
line-height: 0.28rem;
|
||||
}
|
||||
#recent-posts .recent-post-item .more {
|
||||
margin: 0.32rem 0 0.16rem 0;
|
||||
padding: 0.08rem 0;
|
||||
display: inline-block;
|
||||
width: 1rem;
|
||||
text-align: center;
|
||||
font-size: 0.12rem;
|
||||
}
|
||||
@@ -1,217 +0,0 @@
|
||||
#sidebar {
|
||||
display: none;
|
||||
position: fixed;
|
||||
left: -3rem;
|
||||
width: 3rem;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background: $rgba-color;
|
||||
}
|
||||
#sidebar .toggle-sidebar-info {
|
||||
margin: 0.16rem auto 0;
|
||||
width: 1rem;
|
||||
height: 0.32rem;
|
||||
line-height: 0.32rem;
|
||||
font-size: 0.14rem;
|
||||
text-align: center;
|
||||
}
|
||||
#sidebar .toggle-sidebar-info span {
|
||||
display: block;
|
||||
width: 1rem;
|
||||
height: 0.32rem;
|
||||
}
|
||||
#sidebar .sidebar-toc {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.48rem;
|
||||
padding: 0 0.16rem;
|
||||
width: 2.68rem;
|
||||
height: calc(100% - 0.48rem);
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-title {
|
||||
margin-top: 0.24rem;
|
||||
font-size: 0.2rem;
|
||||
text-align: center;
|
||||
color: $color-white;
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-progress {
|
||||
margin-top: 0.24rem;
|
||||
font-size: 0.16rem;
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-progress .progress-notice {
|
||||
margin-right: 0.08rem;
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-progress .progress-num {
|
||||
margin-right: 0.08rem;
|
||||
font-weight: 600;
|
||||
color: $color-theme;
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-progress .progress-percentage {
|
||||
font-size: 0.16rem;
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-progress .sidebar-toc-progress-bar {
|
||||
margin-top: 0.08rem;
|
||||
height: 0.01rem;
|
||||
width: 0;
|
||||
background: $color-theme;
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-content {
|
||||
margin-top: 0.24rem;
|
||||
height: calc(100% - 1.4rem);
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-content .toc {
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-content .toc .toc-item {
|
||||
line-height: 0.28rem;
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-content .toc .toc-item .toc-link {
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-content .toc .toc-item .toc-link:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-content .toc .toc-item .toc-link.active {
|
||||
color: $color-theme;
|
||||
}
|
||||
#sidebar .sidebar-toc .sidebar-toc-content .toc .toc-child {
|
||||
padding-left: 0.12rem;
|
||||
display: none;
|
||||
}
|
||||
#sidebar .author-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 3rem;
|
||||
}
|
||||
#sidebar .author-info.hide {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
left: 0.8rem;
|
||||
top: 0.48rem;
|
||||
}
|
||||
#sidebar .author-info .author-info-avatar {
|
||||
margin-top: 0.16rem;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
#sidebar .author-info .author-info-avatar .author-info-avatar-img {
|
||||
padding: 0.02rem;
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
border-radius: 50%;
|
||||
border: 0.02rem solid $rgba-color;
|
||||
}
|
||||
#sidebar .author-info .author-info-avatar .author-info-avatar-img:hover {
|
||||
animation: avatar 5s linear infinite;
|
||||
}
|
||||
#sidebar .author-info .author-info-name {
|
||||
margin-top: 0.16rem;
|
||||
color: $color-white;
|
||||
}
|
||||
#sidebar .author-info .author-info-description {
|
||||
margin-top: 0.24rem;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
#sidebar .author-info .links-buttons {
|
||||
margin-top: 0.24rem;
|
||||
padding: 0 0.16rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
#sidebar .author-info .links-buttons .links-button {
|
||||
position: relative;
|
||||
margin-top: 0.12rem;
|
||||
margin-right: 0.12rem;
|
||||
padding: 0.08rem 0.16rem 0.08rem 0.22rem;
|
||||
font-size: 0.14rem;
|
||||
background: $rgba-color;
|
||||
}
|
||||
#sidebar .author-info .links-buttons .links-button .icon-dot {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0.1rem;
|
||||
top: 0.12rem;
|
||||
width: 0.06rem;
|
||||
height: 0.06rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
#sidebar .author-info-articles {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-top: 0.32rem;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
#sidebar .author-info-articles .article-meta {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 0.72rem;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#sidebar .author-info-articles .article-meta .pull-top {
|
||||
margin-top: 0.08rem;
|
||||
}
|
||||
#sidebar .author-info-articles .article-meta .pull-bottom {
|
||||
margin: 0.08rem 0;
|
||||
}
|
||||
#sidebar .author-info-articles .article-meta:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#sidebar .author-info-articles .article-meta.author-info-articles-archives,
|
||||
#sidebar .author-info-articles .article-meta.author-info-articles-tags {
|
||||
position: relative;
|
||||
}
|
||||
#sidebar .author-info-articles .article-meta.author-info-articles-archives:after,
|
||||
#sidebar .author-info-articles .article-meta.author-info-articles-tags:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
display: block;
|
||||
width: 0.01rem;
|
||||
height: 0.32rem;
|
||||
background: $rgba-color;
|
||||
}
|
||||
#sidebar .author-info-articles .article-meta.author-info-articles-tags,
|
||||
#sidebar .author-info-articles .article-meta.author-info-articles-categories {
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
@-moz-keyframes avatar {
|
||||
25% {
|
||||
transform: rotateZ(30deg);
|
||||
}
|
||||
75% {
|
||||
transform: rotateZ(-30deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes avatar {
|
||||
25% {
|
||||
transform: rotateZ(30deg);
|
||||
}
|
||||
75% {
|
||||
transform: rotateZ(-30deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes avatar {
|
||||
25% {
|
||||
transform: rotateZ(30deg);
|
||||
}
|
||||
75% {
|
||||
transform: rotateZ(-30deg);
|
||||
}
|
||||
}
|
||||
@keyframes avatar {
|
||||
25% {
|
||||
transform: rotateZ(30deg);
|
||||
}
|
||||
75% {
|
||||
transform: rotateZ(-30deg);
|
||||
}
|
||||
}
|
||||
@@ -1,87 +0,0 @@
|
||||
.article-sort-item {
|
||||
margin: 0.16rem 0;
|
||||
position: relative;
|
||||
padding: 0 0.4rem;
|
||||
height: 0.32rem;
|
||||
line-height: 0.32rem;
|
||||
font-size: 0.16rem;
|
||||
color: $color-white;
|
||||
}
|
||||
.article-sort-item .article-time {
|
||||
margin-right: 0.24rem;
|
||||
color: #99a9bf;
|
||||
}
|
||||
.article-sort-item .article-link {
|
||||
transition: $transition-delay;
|
||||
}
|
||||
.article-sort-item .article-link:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
.article-sort-item::before {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0.06rem;
|
||||
top: 0.09rem;
|
||||
width: 0.06rem;
|
||||
height: 0.06rem;
|
||||
border-radius: 50%;
|
||||
border: 0.04rem solid $color-sub-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
.article-sort-item::after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0.12rem;
|
||||
top: 0.22rem;
|
||||
width: 0.02rem;
|
||||
height: 0.36rem;
|
||||
background: $color-font;
|
||||
}
|
||||
.article-sort-item:last-child::after {
|
||||
display: none;
|
||||
}
|
||||
.article-sort-item:hover::before {
|
||||
border-color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
.article-sort-item.title {
|
||||
height: 0.56rem;
|
||||
line-height: 0.56rem;
|
||||
font-size: 0.24rem;
|
||||
color: $color-white;
|
||||
}
|
||||
.article-sort-item.title::before {
|
||||
top: 0.15rem;
|
||||
left: 0;
|
||||
width: 0.1rem;
|
||||
height: 0.1rem;
|
||||
border-width: 0.08rem;
|
||||
}
|
||||
.article-sort-item.title::after {
|
||||
top: 0.4rem;
|
||||
left: 0.12rem;
|
||||
height: 0.42rem;
|
||||
}
|
||||
.article-sort-item.year {
|
||||
margin: 0.16rem 0;
|
||||
height: 0.4rem;
|
||||
line-height: 0.4rem;
|
||||
font-size: 0.2rem;
|
||||
font-weight: 600;
|
||||
color: $color-white;
|
||||
}
|
||||
.article-sort-item.year::before {
|
||||
top: 0.1rem;
|
||||
left: 0.03rem;
|
||||
width: 0.08rem;
|
||||
height: 0.08rem;
|
||||
border-width: 0.06rem;
|
||||
}
|
||||
.article-sort-item.year::after {
|
||||
top: 0.3rem;
|
||||
left: 0.12rem;
|
||||
height: 0.36rem;
|
||||
}
|
||||
@@ -1,159 +0,0 @@
|
||||
#search-box > div {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: 32px;
|
||||
}
|
||||
#search-box input {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
border-radius: 32px;
|
||||
font-size: 14px;
|
||||
outline: none;
|
||||
border: 2px solid $color-theme;
|
||||
}
|
||||
.algolia-hit-item {
|
||||
position: relative;
|
||||
padding-left: 0.48rem;
|
||||
height: 0.28rem;
|
||||
line-height: 0.28rem;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
.algolia-hit-item::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.06rem;
|
||||
display: block;
|
||||
width: 0.16rem;
|
||||
height: 0.16rem;
|
||||
border: 0.04rem solid $color-sub-theme;
|
||||
border-radius: 50%;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
.algolia-hit-item:hover::before {
|
||||
border: 0.04rem solid $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
.algolia-hit-item .algolia-hit-item-link {
|
||||
display: block;
|
||||
color: $color-font;
|
||||
text-decoration: none;
|
||||
font-size: 0.14rem;
|
||||
cursor: pointer;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
.algolia-hit-item .algolia-hit-item-link:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
.algolia-hit-item .algolia-hit-item-link em {
|
||||
color: $color-theme;
|
||||
font-weight: 700;
|
||||
}
|
||||
#algolia-hits-empty {
|
||||
display: block;
|
||||
height: 0.28rem;
|
||||
line-height: 0.28rem;
|
||||
color: $color-font;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
#algolia-pagination {
|
||||
display: block;
|
||||
margin: 0.24rem 0 0.08rem 0;
|
||||
padding: 0 0.16rem;
|
||||
height: 0.4rem;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
}
|
||||
#algolia-pagination .pagination {
|
||||
height: 0.4rem;
|
||||
text-align: center;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
#algolia-pagination .pagination .ais-pagination--item__previous,
|
||||
#algolia-pagination .pagination .ais-pagination--item__page,
|
||||
#algolia-pagination .pagination .ais-pagination--item__next {
|
||||
margin: 0 0.04rem;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 0.4rem;
|
||||
height: 0.4rem;
|
||||
text-align: center;
|
||||
line-height: 0.4rem;
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
border-radius: 0.04rem;
|
||||
color: $color-font;
|
||||
transition: $transition-delay;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
#algolia-pagination .pagination .ais-pagination--item__previous:after,
|
||||
#algolia-pagination .pagination .ais-pagination--item__page:after,
|
||||
#algolia-pagination .pagination .ais-pagination--item__next:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
background: $rgba-color;
|
||||
filter: blur(0.05rem);
|
||||
margin: -0.2rem;
|
||||
z-index: -1;
|
||||
}
|
||||
#algolia-pagination .pagination .ais-pagination--item__previous:before,
|
||||
#algolia-pagination .pagination .ais-pagination--item__page:before,
|
||||
#algolia-pagination .pagination .ais-pagination--item__next:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: -0.5rem;
|
||||
top: -0.2rem;
|
||||
width: 0.3rem;
|
||||
height: 0.8rem;
|
||||
background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));
|
||||
transform: rotateZ(-30deg);
|
||||
}
|
||||
#algolia-pagination .pagination .ais-pagination--item__previous:hover,
|
||||
#algolia-pagination .pagination .ais-pagination--item__page:hover,
|
||||
#algolia-pagination .pagination .ais-pagination--item__next:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#algolia-pagination .pagination .ais-pagination--item__previous:hover:before,
|
||||
#algolia-pagination .pagination .ais-pagination--item__page:hover:before,
|
||||
#algolia-pagination .pagination .ais-pagination--item__next:hover:before {
|
||||
left: 0.4rem;
|
||||
top: -0.2rem;
|
||||
transform: rotateZ(0deg);
|
||||
transition: $transition-delay;
|
||||
}
|
||||
#algolia-pagination .pagination .ais-pagination--item__previous a:hover,
|
||||
#algolia-pagination .pagination .ais-pagination--item__page a:hover,
|
||||
#algolia-pagination .pagination .ais-pagination--item__next a:hover {
|
||||
color: $color-theme;
|
||||
}
|
||||
#algolia-pagination .pagination .ais-pagination--item__previous {
|
||||
margin-left: 0;
|
||||
}
|
||||
#algolia-pagination .pagination .ais-pagination--item__page.current {
|
||||
color: $color-theme;
|
||||
font-size: 0.16rem;
|
||||
background: none;
|
||||
}
|
||||
#algolia-pagination .pagination .ais-pagination--item__page.current a {
|
||||
color: $color-theme;
|
||||
}
|
||||
#algolia-pagination .pagination .ais-pagination--item__next {
|
||||
margin-right: 0;
|
||||
}
|
||||
@@ -1,45 +0,0 @@
|
||||
.search-dialog {
|
||||
position: fixed;
|
||||
top: 40%;
|
||||
left: 50%;
|
||||
z-index: 1001;
|
||||
display: none;
|
||||
transform: translate(-50%, -50%);
|
||||
padding: 0.2rem;
|
||||
width: 6rem;
|
||||
background: rgba(0,0,0,0.9);
|
||||
box-shadow: 0 0 0.32rem rgba(255,255,255,0.2);
|
||||
border-radius: 0.04rem;
|
||||
}
|
||||
.search-dialog #algolia-search-title {
|
||||
padding: 0 0 0.14rem 0;
|
||||
color: $color-theme;
|
||||
font-size: 0.2rem;
|
||||
}
|
||||
.search-dialog .search-close-button {
|
||||
position: absolute;
|
||||
top: 0.1rem;
|
||||
right: 0.1rem;
|
||||
color: $color-white;
|
||||
cursor: pointer;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
.search-dialog .search-close-button:hover {
|
||||
color: $color-theme;
|
||||
transition: $transition-delay;
|
||||
}
|
||||
.search-dialog hr {
|
||||
display: block;
|
||||
height: 0;
|
||||
border: 0;
|
||||
}
|
||||
.search-mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
display: none;
|
||||
background: rgba(255,255,255,0.2);
|
||||
}
|
||||
3609
css/obsidian.css
3609
css/obsidian.css
File diff suppressed because it is too large
Load Diff
79
css/page.css
79
css/page.css
@@ -1,79 +0,0 @@
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.profile {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.profile-icon {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 10px) and (max-width: 500px) {
|
||||
.page {
|
||||
margin: 10%;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 5%;
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.page-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.page-meta {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 501px) and (max-width: 1920px) {
|
||||
.breadcrumb {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.page-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 55%;
|
||||
margin-top: 5%;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.page-content {
|
||||
width: 700px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#gitalk-container {
|
||||
width: 700px;
|
||||
}
|
||||
}
|
||||
102
css/post.css
102
css/post.css
@@ -1,102 +0,0 @@
|
||||
.post {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.divider {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background-color: black;
|
||||
margin-top: 5%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
|
||||
@media (min-width: 10px) and (max-width: 500px) {
|
||||
.post {
|
||||
margin: 10%;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 5%;
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.post-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.toc {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.license {
|
||||
display: contents;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: small;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 501px) and (max-width: 1920px) {
|
||||
.breadcrumb {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.post-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 800px;
|
||||
margin-top: 5%;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.toc {
|
||||
max-width: 15%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-left: 1%;
|
||||
margin-top: 10%;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.license {
|
||||
display: contents;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
#gitalk-container {
|
||||
width: 800px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
418
css/style.css
418
css/style.css
@@ -1,418 +0,0 @@
|
||||
@font-face {
|
||||
font-family: Lora;
|
||||
src: url("../font/Lora-Regular.ttf"), url("../font/Lora-Regular.eot");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Lora-Bold;
|
||||
src: url("../font/Lora-Bold.ttf"), url("../font/Lora-Bold.eot");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
src: url("../font/Lato-Regular.ttf"), url("../font/Lato-Regular.eot");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Lato-Bold;
|
||||
src: url("../font/Lato-Bold.ttf"), url("../font/Lato-Bold.eot");
|
||||
}
|
||||
pre {
|
||||
border: 1px dashed #ddd;
|
||||
}
|
||||
code {
|
||||
padding: 2px 4px;
|
||||
font-size: 90%;
|
||||
color: #c7254e;
|
||||
background-color: #f9f2f4;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.header {
|
||||
text-align: center;
|
||||
}
|
||||
.header h1,
|
||||
.header h2 {
|
||||
margin: 0;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.header .title a {
|
||||
color: #f78769;
|
||||
text-decoration: none;
|
||||
font: 700 3rem Lora-Bold;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.header .title a:hover {
|
||||
color: #bbb;
|
||||
}
|
||||
.header .desc {
|
||||
margin: 0.5em 0 0.25em;
|
||||
font: 18px Lora;
|
||||
color: #bbb;
|
||||
}
|
||||
.header .links {
|
||||
height: 40px;
|
||||
margin: 2.25em auto 4.5em;
|
||||
border-top: 1px dashed #ddd;
|
||||
border-bottom: 1px dashed #ddd;
|
||||
font: 700 13px Lato-Bold;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.header .links ul {
|
||||
text-decoration: none;
|
||||
padding: 0;
|
||||
}
|
||||
.header .links ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
.header .links ul li:first-child::after {
|
||||
content: "\00B7";
|
||||
margin: 0 0.75em;
|
||||
}
|
||||
.header .links ul li:last-child::after {
|
||||
content: '';
|
||||
}
|
||||
.header .links ul li a {
|
||||
color: #777;
|
||||
text-decoration: none;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.header .links ul li a:hover {
|
||||
color: #f78769;
|
||||
}
|
||||
.header .ipad-menu {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 4em;
|
||||
left: -1px;
|
||||
}
|
||||
.header .mobile-menu {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: calc(100% - 3em);
|
||||
padding: 0 1.5em;
|
||||
height: 3em;
|
||||
z-index: 1;
|
||||
box-shadow: 0px 1px 5px #ddd;
|
||||
}
|
||||
.header .mobile-menu h3 a {
|
||||
color: #f78769;
|
||||
text-decoration: none;
|
||||
font: 700 1.6rem Lora-Bold;
|
||||
text-shadow: 1px 1px #fff, 2px 2px #f78769;
|
||||
}
|
||||
.header .mobile-menu h3 a:hover {
|
||||
color: #bbb;
|
||||
}
|
||||
.header .menu {
|
||||
padding: 0.5em 1em;
|
||||
border: 1px dashed #fff;
|
||||
outline: 5px solid #bbb;
|
||||
background: #bbb;
|
||||
font: 700 14px Lato-Bold;
|
||||
color: #fff;
|
||||
text-transform: upperCase;
|
||||
}
|
||||
.header .menu::before {
|
||||
content: '';
|
||||
background: url("https://cdn.jsdelivr.net/gh/frontendsophie/hexo-theme-autumn@1.0.0/source/img/menu.svg");
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 3px;
|
||||
vertical-align: -3px;
|
||||
}
|
||||
.header .menu:focus,
|
||||
.header .menu:active {
|
||||
background: #f78769;
|
||||
outline: 3px solid #f78769;
|
||||
}
|
||||
@media screen and (max-width: 1015px) {
|
||||
.header .ipad-menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
.header .title a {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.header .ipad-menu {
|
||||
display: none;
|
||||
}
|
||||
.header .mobile-menu {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.header .mobile-menu .menu {
|
||||
padding: 0.2em 0.5em;
|
||||
font: 700 12px Lato-Bold;
|
||||
outline: 3px solid #bbb;
|
||||
}
|
||||
}
|
||||
.post {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
border-bottom: 1px dashed #ddd;
|
||||
margin: 0 0 4.5em;
|
||||
padding: 0 0 3em;
|
||||
}
|
||||
.post::after {
|
||||
content: '';
|
||||
display: block;
|
||||
background: url("https://cdn.jsdelivr.net/gh/frontendsophie/hexo-theme-autumn@1.0.0/source/img/button.svg") no-repeat -46px top/132px 35px;
|
||||
width: 88px;
|
||||
height: 35px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 100%;
|
||||
transform: translate(-50%, -18px);
|
||||
}
|
||||
.post .post-cat {
|
||||
display: inline-block;
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
.post .post-cat:first-of-type::after {
|
||||
content: "\00B7";
|
||||
margin: 0 0.75em;
|
||||
color: #f78769;
|
||||
}
|
||||
.post .post-cat:last-of-type::after {
|
||||
content: '';
|
||||
}
|
||||
.post .post-cat a {
|
||||
font: 700 13px Lato-Bold;
|
||||
color: #f78769;
|
||||
text-decoration: none;
|
||||
transition: 0.3s;
|
||||
text-transform: upperCase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.post .post-cat a:hover {
|
||||
color: #777;
|
||||
}
|
||||
.post .post-title {
|
||||
margin: 0 0 0.5em;
|
||||
font: 1.953em Lora;
|
||||
color: #777;
|
||||
}
|
||||
.post .post-title::after {
|
||||
content: "";
|
||||
display: block;
|
||||
margin: 0.5em auto;
|
||||
width: 20%;
|
||||
height: 2px;
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
.post .post-title a {
|
||||
color: #777;
|
||||
text-decoration: none;
|
||||
}
|
||||
.post .post-date {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
color: #bbb;
|
||||
font: 14px/1.6 Lato;
|
||||
}
|
||||
.post .post-date li {
|
||||
display: inline-block;
|
||||
}
|
||||
.post .post-date li:first-child::after {
|
||||
content: "\00B7";
|
||||
margin: 0 0.75em;
|
||||
}
|
||||
.post .post-cover {
|
||||
position: relative;
|
||||
user-select: none;
|
||||
}
|
||||
.post .post-cover:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 82%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
box-shadow: 0 0 40px 10px #fff inset;
|
||||
}
|
||||
.post .post-cover img {
|
||||
max-width: 80%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.post .post-content {
|
||||
position: relative;
|
||||
color: #777;
|
||||
font-size: 1rem;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 1.5em;
|
||||
text-align: left;
|
||||
}
|
||||
.post .post-content a.more-link {
|
||||
box-shadow: inset 0 -80px 80px -5px rgba(255,255,255,0.75);
|
||||
color: #f78769;
|
||||
font-family: Lora-Bold;
|
||||
font-weight: 700;
|
||||
display: block;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: -32px;
|
||||
padding-top: 100px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
transition: 0.5s;
|
||||
}
|
||||
.post .post-content a.more-link:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
.post .post-content img {
|
||||
max-width: 100%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.aside {
|
||||
overflow: hidden;
|
||||
width: 25%;
|
||||
float: right;
|
||||
}
|
||||
.close {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 1.5em;
|
||||
top: 1em;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.close:before,
|
||||
.close:after {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
content: ' ';
|
||||
height: 24px;
|
||||
width: 2px;
|
||||
background-color: #333;
|
||||
}
|
||||
.close:before {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.close:after {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.aside-section {
|
||||
margin: 0 0 3em;
|
||||
}
|
||||
.aside-section h1 {
|
||||
font: 1.25em/1.2 Lora;
|
||||
margin: 0.67em 0;
|
||||
color: #777;
|
||||
}
|
||||
.aside-section h1:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-right: 0.45em;
|
||||
float: left;
|
||||
background: url("https://cdn.jsdelivr.net/gh/frontendsophie/hexo-theme-autumn@1.0.0/source/img/button.svg") no-repeat 0 0/84px 22px;
|
||||
width: 22px;
|
||||
height: 32px;
|
||||
}
|
||||
.aside-section ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.aside-section ul li {
|
||||
border-top: 1px dashed #ddd;
|
||||
margin-top: 0.6em;
|
||||
padding-top: 0.6em;
|
||||
}
|
||||
.aside-section ul li a {
|
||||
color: #f78769;
|
||||
text-decoration: none;
|
||||
font: 14px Lato;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.aside-section ul li a:hover {
|
||||
color: #ddd;
|
||||
}
|
||||
.aside-section.tag li {
|
||||
display: inline-block;
|
||||
border: none;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
.aside-section.tag li a {
|
||||
border: 1px dashed #ddd;
|
||||
padding: 4px;
|
||||
}
|
||||
@media screen and (max-width: 1015px) {
|
||||
.aside {
|
||||
display: none;
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
width: 28%;
|
||||
height: 100vh;
|
||||
padding: 3em 20px 0;
|
||||
background-color: #fff;
|
||||
box-shadow: 1px 1px 3px #ddd;
|
||||
}
|
||||
.aside .close {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
.aside {
|
||||
width: calc(100% - 40px);
|
||||
box-shadow: none;
|
||||
}
|
||||
.aside .close {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
.aside .close:before,
|
||||
.aside .close:after {
|
||||
left: 15px;
|
||||
height: 33px;
|
||||
}
|
||||
}
|
||||
body {
|
||||
font-size: 1rem;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
.container {
|
||||
max-width: 1142px;
|
||||
width: 80%;
|
||||
box-sizing: border-box;
|
||||
padding: 3em 5%;
|
||||
background: #fff;
|
||||
margin: 3em auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
.container .main {
|
||||
width: 70%;
|
||||
float: left;
|
||||
}
|
||||
.invisibile {
|
||||
visibility: hidden;
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
@media screen and (max-width: 1015px) {
|
||||
.container .main {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
.container {
|
||||
margin: 3em 0 0;
|
||||
width: 100%;
|
||||
padding: 1.75em;
|
||||
}
|
||||
}
|
||||
93
css/tag.css
93
css/tag.css
@@ -1,93 +0,0 @@
|
||||
.tag {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (min-width: 10px) and (max-width: 500px) {
|
||||
.tag {
|
||||
margin: 10%;
|
||||
}
|
||||
.avatar {
|
||||
width: 40%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
margin-top: 20px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, auto);
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.nav-bar-item-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.article-preview {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.article-preview-top-title {
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.article-preview-top-date {
|
||||
font-size: 15px;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 501px) and (max-width: 1920px) {
|
||||
.tag {
|
||||
margin: 5%;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 25%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
place-items: center;
|
||||
gap: 25px;
|
||||
}
|
||||
|
||||
.nav-bar-item-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.article-preview {
|
||||
padding-top: 5%;
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.article-preview-top {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.article-preview-top-date {
|
||||
font-size: 15px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.article-preview-top-title {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.page-switcher {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
}
|
||||
@@ -1,48 +0,0 @@
|
||||
:root {
|
||||
--font-color: #000;
|
||||
--night-font-color: #ddd;
|
||||
--primary: #b2fefa;
|
||||
--secondary: #0ed2f7;
|
||||
--dark: #0052d4;
|
||||
--gradient-light: #5d9eea;
|
||||
--gradient-middle: #0f27b5;
|
||||
--gradient-dark: #100e17;
|
||||
--code-gradient-light: #cff0ff;
|
||||
--code-gradient-dark: #afcafd;
|
||||
--maxwidth: 1284px;
|
||||
}
|
||||
/* roboto-mono-regular */
|
||||
@font-face {
|
||||
font-family: 'Roboto Mono';
|
||||
font-style: normal;
|
||||
font-weight: regular;
|
||||
src: url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.eot"); /* IE9 Compat Modes */
|
||||
src: local('Roboto Mono'), local('RobotoMono-Normal'), url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.eot?#iefix") format('embedded-opentype'), url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.woff2") format('woff2'), url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.woff") format('woff'), url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.ttf") format('truetype'), url("//lib.baomitu.com/fonts/roboto-mono/roboto-mono-regular.svg#RobotoMono") format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* rubik-regular */
|
||||
@font-face {
|
||||
font-family: 'Rubik';
|
||||
font-style: normal;
|
||||
font-weight: regular;
|
||||
src: url("//lib.baomitu.com/fonts/rubik/rubik-regular.eot"); /* IE9 Compat Modes */
|
||||
src: local('Rubik'), local('Rubik-Normal'), url("//lib.baomitu.com/fonts/rubik/rubik-regular.eot?#iefix") format('embedded-opentype'), url("//lib.baomitu.com/fonts/rubik/rubik-regular.woff2") format('woff2'), url("//lib.baomitu.com/fonts/rubik/rubik-regular.woff") format('woff'), url("//lib.baomitu.com/fonts/rubik/rubik-regular.ttf") format('truetype'), url("//lib.baomitu.com/fonts/rubik/rubik-regular.svg#Rubik") format('svg'); /* Legacy iOS */
|
||||
}
|
||||
.gradient-text {
|
||||
background: var(--primary) !important;
|
||||
background: -webkit-linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
|
||||
background: linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
|
||||
-webkit-background-clip: text !important;
|
||||
-webkit-text-fill-color: transparent !important;
|
||||
-webkit-box-decoration-break: clone !important;
|
||||
box-decoration-break: clone !important;
|
||||
}
|
||||
.gradient-bg {
|
||||
background: var(--primary) !important;
|
||||
background: -webkit-linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
|
||||
background: linear-gradient(to right, var(--primary), var(--secondary), var(--dark)) !important;
|
||||
}
|
||||
.gradient-bg-rev {
|
||||
background: var(--primary) !important;
|
||||
background: -webkit-linear-gradient(to right, var(--dark), var(--secondary), var(--primary)) !important;
|
||||
background: linear-gradient(to right, var(--dark), var(--secondary), var(--primary)) !important;
|
||||
}
|
||||
BIN
css/thirdparty/fa-solid-900.woff
vendored
BIN
css/thirdparty/fa-solid-900.woff
vendored
Binary file not shown.
3823
css/thirdparty/fontawesome.css
vendored
3823
css/thirdparty/fontawesome.css
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
57
css/thirdparty/reset.css
vendored
57
css/thirdparty/reset.css
vendored
@@ -1,57 +0,0 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v4.0 | 20180602
|
||||
License: none (public domain)
|
||||
*/
|
||||
html,
|
||||
body,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
/* HTML5 hidden-attribute fix for newer browsers */
|
||||
*[hidden] {
|
||||
display: none;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 90 KiB |
@@ -1,4 +0,0 @@
|
||||
[ZoneTransfer]
|
||||
ZoneId=3
|
||||
ReferrerUrl=https://www.facebook.com/
|
||||
HostUrl=https://scontent-mia3-2.xx.fbcdn.net/v/t39.30808-6/317094920_6320896854592924_2129996884466276695_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=dd5e9f&_nc_ohc=2bW9tIyhaLwAX9ZscuG&_nc_ht=scontent-mia3-2.xx&oh=00_AfAeXif6ul2JmQXXXBIkI4GgwYPwYvBRLWyv00tzY44n5Q&oe=65C8A501
|
||||
@@ -1 +0,0 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1562580182399" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1796" width="48" height="48" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M989.9222626666667 444.3410103333334L580.1490096666668 34.909091333333336H119.41107066666666l870.511192 870.596525V444.3410103333334z" fill="rgba(255,255,255,0.1)" p-id="1797" data-spm-anchor-id="a313x.7781069.0.i4" class="selected"></path><path d="M621.3675956666667 219.39846433333332l-43.832889-43.770828-126.663111 126.841535-32.826182-32.780929 126.663112-126.841535-43.734627-43.673859 26.739071-26.775273 120.396283 120.224324-26.741657 26.776565zM582.6055756666667 284.67587833333334c24.030384-24.065293 50.614303-36.636444 79.751758-37.71604 29.134869-1.07701 55.240404 9.903838 78.31402 32.945131 21.950061 21.91903 32.323232 46.86998 31.120808 74.851556s-13.257697 53.441939-36.167111 76.383677c-23.901091 23.934707-50.254869 36.406303-79.057455 37.41608-28.806465 1.012364-54.481455-9.739636-77.024969-32.252121-22.016-21.98497-32.689131-47.067798-32.014223-75.244606 0.672323-28.179394 12.365576-53.638465 35.077172-76.383677z m36.196849 32.57794c-14.921697 14.943677-23.517091 30.756202-25.783596 47.438869-2.269091 16.68396 2.880646 31.297939 15.441454 43.841939 12.825859 12.807758 27.34804 18.234182 43.566546 16.271515 16.217212-1.960081 31.985778-10.608485 47.303111-25.947798 15.976727-15.998707 25.133253-32.109899 27.46699-48.332283 2.333737-16.221091-2.813414-30.637253-15.441455-43.247192-12.827152-12.809051-27.67903-18.133333-44.558222-15.972848-16.879192 2.157899-32.877899 10.808889-47.994828 25.947798zM780.1276766666667 524.3048083333333l-53.476848 53.553131-32.726627-32.681374 153.400889-153.616808 52.858829 52.783839c38.213818 38.159515 41.146182 73.44097 8.79709 105.83402-15.71297 15.737535-34.076444 22.586182-55.086545 20.552404-21.012687-2.032485-39.97996-11.897535-56.905697-29.591273l-16.861091-16.833939z m74.572283-74.67701l-49.516606 49.586424 14.182141 14.161454c19.240081 19.211636 37.209212 20.455434 53.913859 3.728809 16.305131-16.329697 14.941091-34.002747-4.101172-53.016566L854.6999596666667 449.6277983333334z" fill="#e67700" p-id="1798"></path></svg>
|
||||
|
Before Width: | Height: | Size: 2.3 KiB |
@@ -1 +0,0 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "https://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1536573517758" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1467" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12"><defs><style type="text/css"></style></defs><path d="M983.359394 253.724679c-47.535643-78.727039-178.554652-93.514837-335.864444-51.341319-54.628178-51.052746-127.761825-82.531692-208.419843-82.531692-168.811754 0-305.683051 136.871297-305.683051 305.683051 0 28.797883 4.267187 56.529481 11.703553 82.935897C38.205137 626.40154-7.342222 746.812957 39.532365 824.358077c73.308633 121.217782 344.023264 91.785449 604.648097-65.811892C904.806317 600.976474 1056.664957 374.943484 983.359394 253.724679zM312.726467 598.179778c-53.099359-38.944987-87.605244-101.759615-87.605244-172.645059 0-118.104885 95.764064-213.867926 213.896578-213.867926 103.374392 0 189.624778 73.307609 209.601762 170.742732C584.737628 608.904027 312.726467 598.179778 312.726467 598.179778z" p-id="1468" fill="#e67700"></path></svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,41 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 236 61" style="enable-background:new 0 0 236 61;" xml:space="preserve" width="236" height="61">
|
||||
<style type="text/css">
|
||||
.st0{fill:#DDDDDD;}
|
||||
.st1{fill:#EEEEEE;}
|
||||
</style>
|
||||
<path class="st0" d="M30.4,6c13.5,0,24.4,11,24.4,24.4s-11,24.4-24.4,24.4S6,43.9,6,30.4S17,6,30.4,6 M30.4,1C14.2,1,1,14.2,1,30.4
|
||||
s13.2,29.4,29.4,29.4s29.4-13.2,29.4-29.4S46.7,1,30.4,1L30.4,1z"/>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st0" d="M30.4,7.6C17.7,7.6,7.5,17.9,7.5,30.5c0,12.6,10.2,22.9,22.9,22.9s22.9-10.2,22.9-22.9
|
||||
C53.2,17.9,43,7.6,30.4,7.6z M24.2,32.8c-1.3,1.3-3.4,1.3-4.7,0c-1.3-1.3-1.3-3.4,0-4.7c1.3-1.3,3.4-1.3,4.7,0
|
||||
C25.5,29.4,25.5,31.5,24.2,32.8z M32.2,40.8c-1.3,1.3-3.4,1.3-4.7,0s-1.3-3.4,0-4.7c1.3-1.3,3.4-1.3,4.7,0S33.5,39.5,32.2,40.8z
|
||||
M32.2,24.7c-1.3,1.3-3.4,1.3-4.7,0c-1.3-1.3-1.3-3.4,0-4.7c1.3-1.3,3.4-1.3,4.7,0C33.5,21.3,33.5,23.4,32.2,24.7z M40.3,32.8
|
||||
c-1.3,1.3-3.4,1.3-4.7,0s-1.3-3.4,0-4.7c1.3-1.3,3.4-1.3,4.7,0C41.6,29.4,41.6,31.5,40.3,32.8z"/>
|
||||
</g>
|
||||
</g>
|
||||
<path class="st1" d="M105.5,9.1c-11.7,0-21.2,9.5-21.2,21.2s9.5,21.2,21.2,21.2s21.2-9.5,21.2-21.2S117.3,9.1,105.5,9.1z M99.7,39
|
||||
c-1.8,0-3.2-1.4-3.2-3.2s1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2S101.5,39,99.7,39z M99.7,28.1c-1.8,0-3.2-1.4-3.2-3.2
|
||||
c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2C103,26.6,101.5,28.1,99.7,28.1z M110.7,39c-1.8,0-3.2-1.4-3.2-3.2s1.4-3.2,3.2-3.2
|
||||
c1.8,0,3.2,1.4,3.2,3.2S112.5,39,110.7,39z M110.7,28.1c-1.8,0-3.2-1.4-3.2-3.2c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2
|
||||
C113.9,26.6,112.5,28.1,110.7,28.1z"/>
|
||||
<path class="st1" d="M213.1,9.1c-11.7,0-21.2,9.5-21.2,21.2s9.5,21.2,21.2,21.2s21.2-9.4,21.2-21.2S224.8,9.1,213.1,9.1z M207.3,39
|
||||
c-1.8,0-3.2-1.4-3.2-3.2s1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2S209,39,207.3,39z M207.3,28.1c-1.8,0-3.2-1.4-3.2-3.2
|
||||
c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2C210.5,26.6,209,28.1,207.3,28.1z M218.2,39c-1.8,0-3.2-1.4-3.2-3.2s1.4-3.2,3.2-3.2
|
||||
s3.2,1.4,3.2,3.2S220,39,218.2,39z M218.2,28.1c-1.8,0-3.2-1.4-3.2-3.2c0-1.8,1.4-3.2,3.2-3.2s3.2,1.4,3.2,3.2
|
||||
C221.4,26.6,220,28.1,218.2,28.1z"/>
|
||||
<path class="st1" d="M159.4,6c13.5,0,24.4,11,24.4,24.4s-11,24.4-24.4,24.4c-13.4,0-24.4-11-24.4-24.4S145.9,6,159.4,6 M159.4,1
|
||||
C143.2,1,130,14.2,130,30.4s13.2,29.4,29.4,29.4s29.4-13.2,29.4-29.4S175.6,1,159.4,1L159.4,1z"/>
|
||||
<g>
|
||||
<path class="st1" d="M159.4,7.7c-12.6,0-22.9,10.2-22.9,22.9c0,12.6,10.2,22.9,22.9,22.9s22.8-10.3,22.8-23
|
||||
C182.2,17.9,172,7.7,159.4,7.7z M153.2,32.8c-1.3,1.3-3.4,1.3-4.7,0c-1.3-1.3-1.3-3.4,0-4.7c1.3-1.3,3.4-1.3,4.7,0
|
||||
C154.5,29.4,154.5,31.5,153.2,32.8z M161.2,40.9c-1.3,1.3-3.4,1.3-4.7,0c-1.3-1.3-1.3-3.4,0-4.7s3.4-1.3,4.7,0
|
||||
C162.5,37.5,162.5,39.6,161.2,40.9z M161.2,24.7c-1.3,1.3-3.4,1.3-4.7,0c-1.3-1.3-1.3-3.4,0-4.7c1.3-1.3,3.4-1.3,4.7,0
|
||||
C162.5,21.3,162.5,23.4,161.2,24.7z M169.3,32.8c-1.3,1.3-3.4,1.3-4.7,0c-1.3-1.3-1.3-3.4,0-4.7c1.3-1.3,3.4-1.3,4.7,0
|
||||
C170.6,29.4,170.6,31.5,169.3,32.8z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.2 KiB |
BIN
img/cover.jpg
BIN
img/cover.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 134 KiB |
BIN
img/cover.png
BIN
img/cover.png
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
BIN
img/favicon.ico
BIN
img/favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
BIN
img/favicon.png
BIN
img/favicon.png
Binary file not shown.
|
Before Width: | Height: | Size: 7.3 KiB |
BIN
img/logo.png
BIN
img/logo.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.3 KiB |
@@ -1 +0,0 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1524883716744" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1161" xmlns:xlink="http://www.w3.org/1999/xlink" ><defs><style type="text/css"></style></defs><path d="M128 256 896 256 896 341.333333 128 341.333333 128 256M128 469.333333 896 469.333333 896 554.666667 128 554.666667 128 469.333333M128 682.666667 896 682.666667 896 768 128 768 128 682.666667Z" p-id="1162" fill="#ffffff"></path></svg>
|
||||
|
Before Width: | Height: | Size: 595 B |
BIN
img/profile.jpg
BIN
img/profile.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 834 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 494 KiB |
20
index.html
20
index.html
@@ -159,14 +159,6 @@
|
||||
</div>
|
||||
<div class="navbar-menu">
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Home
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/archives"
|
||||
class="navbar-menu-item">
|
||||
@@ -175,14 +167,6 @@
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/tags"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Tags
|
||||
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/categories"
|
||||
class="navbar-menu-item">
|
||||
@@ -200,10 +184,10 @@
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/links"
|
||||
href="/consulting"
|
||||
class="navbar-menu-item">
|
||||
|
||||
Friends
|
||||
Consulting
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
1
js/Meting.min.js
vendored
1
js/Meting.min.js
vendored
@@ -1 +0,0 @@
|
||||
'use strict';console.log('\n %c MetingJS v1.2.0 %c https://github.com/metowolf/MetingJS \n','color: #fadfa3; background: #030307; padding:5px 0;','background: #fadfa3; padding:5px 0;');var aplayers=[],loadMeting=function(){function a(a,b){var c={container:a,audio:b,mini:null,fixed:null,autoplay:!1,mutex:!0,lrcType:3,listFolded:!1,preload:'auto',theme:'#2980b9',loop:'all',order:'list',volume:null,listMaxHeight:null,customAudioType:null,storageName:'metingjs'};if(b.length){b[0].lrc||(c.lrcType=0);var d={};for(var e in c){var f=e.toLowerCase();(a.dataset.hasOwnProperty(f)||a.dataset.hasOwnProperty(e)||null!==c[e])&&(d[e]=a.dataset[f]||a.dataset[e]||c[e],('true'===d[e]||'false'===d[e])&&(d[e]='true'==d[e]))}aplayers.push(new APlayer(d))}}var b='https://api.i-meto.com/meting/api?server=:server&type=:type&id=:id&r=:r';'undefined'!=typeof meting_api&&(b=meting_api);for(var f=0;f<aplayers.length;f++)try{aplayers[f].destroy()}catch(a){console.log(a)}aplayers=[];for(var c=document.querySelectorAll('.aplayer'),d=function(){var d=c[e],f=d.dataset.id;if(f){var g=d.dataset.api||b;g=g.replace(':server',d.dataset.server),g=g.replace(':type',d.dataset.type),g=g.replace(':id',d.dataset.id),g=g.replace(':auth',d.dataset.auth),g=g.replace(':r',Math.random());var h=new XMLHttpRequest;h.onreadystatechange=function(){if(4===h.readyState&&(200<=h.status&&300>h.status||304===h.status)){var b=JSON.parse(h.responseText);a(d,b)}},h.open('get',g,!0),h.send(null)}else if(d.dataset.url){var i=[{name:d.dataset.name||d.dataset.title||'Audio name',artist:d.dataset.artist||d.dataset.author||'Audio artist',url:d.dataset.url,cover:d.dataset.cover||d.dataset.pic,lrc:d.dataset.lrc,type:d.dataset.type||'auto'}];a(d,i)}},e=0;e<c.length;e++)d()};document.addEventListener('DOMContentLoaded',loadMeting,!1);
|
||||
@@ -1,64 +0,0 @@
|
||||
function initialBusuanzi() {
|
||||
var bszCaller, bszTag;
|
||||
! function() {
|
||||
var c, d, e, a = !1,
|
||||
b = [];
|
||||
ready = function(c) {
|
||||
return a || "interactive" === document.readyState || "complete" === document.readyState ? c.call(document) : b.push(function() {
|
||||
return c.call(this)
|
||||
}), this
|
||||
}, d = function() {
|
||||
for (var a = 0, c = b.length; c > a; a++) b[a].apply(document);
|
||||
b = []
|
||||
}, e = function() {
|
||||
a || (a = !0, d.call(window), document.removeEventListener ? document.removeEventListener("DOMContentLoaded", e, !1) : document.attachEvent && (document.detachEvent("onreadystatechange", e), window == window.top && (clearInterval(c), c = null)))
|
||||
}, document.addEventListener ? document.addEventListener("DOMContentLoaded", e, !1) : document.attachEvent && (document.attachEvent("onreadystatechange", function() {
|
||||
/loaded|complete/.test(document.readyState) && e()
|
||||
}), window == window.top && (c = setInterval(function() {
|
||||
try {
|
||||
a || document.documentElement.doScroll("left")
|
||||
} catch (b) {
|
||||
return
|
||||
}
|
||||
e()
|
||||
}, 5)))
|
||||
}(), bszCaller = {
|
||||
fetch: function(a, b) {
|
||||
var c = "BusuanziCallback_" + Math.floor(1099511627776 * Math.random());
|
||||
window[c] = this.evalCall(b), a = a.replace("=BusuanziCallback", "=" + c), scriptTag = document.createElement("SCRIPT"), scriptTag.type = "text/javascript", scriptTag.defer = !0, scriptTag.src = a, document.getElementsByTagName("HEAD")[0].appendChild(scriptTag)
|
||||
},
|
||||
evalCall: function(a) {
|
||||
return function(b) {
|
||||
ready(function() {
|
||||
try {
|
||||
a(b), scriptTag.parentElement.removeChild(scriptTag)
|
||||
} catch (c) {
|
||||
bszTag.hides()
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}, bszCaller.fetch("//busuanzi.ibruce.info/busuanzi?jsonpCallback=BusuanziCallback", function(a) {
|
||||
bszTag.texts(a), bszTag.shows()
|
||||
}), bszTag = {
|
||||
bszs: ["site_pv", "page_pv", "site_uv"],
|
||||
texts: function(a) {
|
||||
this.bszs.map(function(b) {
|
||||
var c = document.getElementById("busuanzi_value_" + b);
|
||||
c && (c.innerHTML = a[b])
|
||||
})
|
||||
},
|
||||
hides: function() {
|
||||
this.bszs.map(function(a) {
|
||||
var b = document.getElementById("busuanzi_container_" + a);
|
||||
b && (b.style.display = "none")
|
||||
})
|
||||
},
|
||||
shows: function() {
|
||||
this.bszs.map(function(a) {
|
||||
var b = document.getElementById("busuanzi_container_" + a);
|
||||
b && (b.style.display = "flex")
|
||||
})
|
||||
}
|
||||
};
|
||||
}
|
||||
1
js/busuanzi.min.js
vendored
1
js/busuanzi.min.js
vendored
@@ -1 +0,0 @@
|
||||
function initialBusuanzi(){var bszCaller,bszTag,c,d,e,a,b;a=!1,b=[],ready=function(c){return a||"interactive"===document.readyState||"complete"===document.readyState?c.call(document):b.push((function(){return c.call(this)})),this},d=function(){for(var a=0,c=b.length;c>a;a++)b[a].apply(document);b=[]},e=function(){a||(a=!0,d.call(window),document.removeEventListener?document.removeEventListener("DOMContentLoaded",e,!1):document.attachEvent&&(document.detachEvent("onreadystatechange",e),window==window.top&&(clearInterval(c),c=null)))},document.addEventListener?document.addEventListener("DOMContentLoaded",e,!1):document.attachEvent&&(document.attachEvent("onreadystatechange",(function(){/loaded|complete/.test(document.readyState)&&e()})),window==window.top&&(c=setInterval((function(){try{a||document.documentElement.doScroll("left")}catch(b){return}e()}),5))),(bszCaller={fetch:function(a,b){var c="BusuanziCallback_"+Math.floor(1099511627776*Math.random());window[c]=this.evalCall(b),a=a.replace("=BusuanziCallback","="+c),scriptTag=document.createElement("SCRIPT"),scriptTag.type="text/javascript",scriptTag.defer=!0,scriptTag.src=a,document.getElementsByTagName("HEAD")[0].appendChild(scriptTag)},evalCall:function(a){return function(b){ready((function(){try{a(b),scriptTag.parentElement.removeChild(scriptTag)}catch(c){bszTag.hides()}}))}}}).fetch("//busuanzi.ibruce.info/busuanzi?jsonpCallback=BusuanziCallback",(function(a){bszTag.texts(a),bszTag.shows()})),bszTag={bszs:["site_pv","page_pv","site_uv"],texts:function(a){this.bszs.map((function(b){var c=document.getElementById("busuanzi_value_"+b);c&&(c.innerHTML=a[b])}))},hides:function(){this.bszs.map((function(a){var b=document.getElementById("busuanzi_container_"+a);b&&(b.style.display="none")}))},shows:function(){this.bszs.map((function(a){var b=document.getElementById("busuanzi_container_"+a);b&&(b.style.display="flex")}))}}}
|
||||
141
js/canvas_bg.js
141
js/canvas_bg.js
@@ -1,141 +0,0 @@
|
||||
/**
|
||||
* created by lvfan
|
||||
* 2018-09-04
|
||||
*/
|
||||
|
||||
|
||||
(function drawBg() {
|
||||
window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
|
||||
window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
|
||||
const starDensity = 0.216;
|
||||
const speedCoeff = 0.05;
|
||||
let width;
|
||||
let height;
|
||||
let starCount;
|
||||
/* no-unused-vars */
|
||||
// let circleRadius;
|
||||
// let circleCenter;
|
||||
let first = true;
|
||||
let giantColor = '180,184,240';
|
||||
let starColor = '226,225,142';
|
||||
let cometColor = '226,225,224';
|
||||
const canva = document.getElementById('universe');
|
||||
let stars = [];
|
||||
let universe;
|
||||
windowResizeHandler();
|
||||
window.addEventListener('resize', windowResizeHandler, false);
|
||||
|
||||
function windowResizeHandler() {
|
||||
width = window.innerWidth;
|
||||
height = window.innerHeight;
|
||||
starCount = width * starDensity;
|
||||
// circleRadius = (width > height ? height / 2 : width / 2);
|
||||
// circleCenter = {
|
||||
// x: width / 2,
|
||||
// y: height / 2
|
||||
// };
|
||||
canva.setAttribute('width', width);
|
||||
canva.setAttribute('height', height);
|
||||
}
|
||||
|
||||
createUniverse();
|
||||
|
||||
function createUniverse() {
|
||||
universe = canva.getContext('2d');
|
||||
for (let i = 0; i < starCount; i++) {
|
||||
stars[i] = new Star();
|
||||
stars[i].reset();
|
||||
}
|
||||
draw();
|
||||
}
|
||||
|
||||
function draw() {
|
||||
universe.clearRect(0, 0, width, height);
|
||||
let starsLength = stars.length;
|
||||
for (let i = 0; i < starsLength; i++) {
|
||||
let star = stars[i];
|
||||
star.move();
|
||||
star.fadeIn();
|
||||
star.fadeOut();
|
||||
star.draw();
|
||||
}
|
||||
window.requestAnimationFrame(draw);
|
||||
}
|
||||
|
||||
function Star() {
|
||||
this.reset = function () {
|
||||
this.giant = getProbability(3);
|
||||
this.comet = this.giant || first ? false : getProbability(10);
|
||||
this.x = getRandInterval(0, width - 10);
|
||||
this.y = getRandInterval(0, height);
|
||||
this.r = getRandInterval(1.1, 2.6);
|
||||
this.dx = getRandInterval(speedCoeff, 6 * speedCoeff) + (this.comet + 1 - 1) * speedCoeff * getRandInterval(50, 120) + speedCoeff * 2;
|
||||
this.dy = -getRandInterval(speedCoeff, 6 * speedCoeff) - (this.comet + 1 - 1) * speedCoeff * getRandInterval(50, 120);
|
||||
this.fadingOut = null;
|
||||
this.fadingIn = true;
|
||||
this.opacity = 0;
|
||||
this.opacityTresh = getRandInterval(0.2, 1 - (this.comet + 1 - 1) * 0.4);
|
||||
this.do = getRandInterval(0.0005, 0.002) + (this.comet + 1 - 1) * 0.001;
|
||||
};
|
||||
this.fadeIn = function () {
|
||||
if (this.fadingIn) {
|
||||
this.fadingIn = !(this.opacity > this.opacityTresh);
|
||||
this.opacity += this.do;
|
||||
}
|
||||
};
|
||||
this.fadeOut = function () {
|
||||
if (this.fadingOut) {
|
||||
this.fadingOut = !(this.opacity < 0);
|
||||
this.opacity -= this.do / 2;
|
||||
if (this.x > width || this.y < 0) {
|
||||
this.fadingOut = false;
|
||||
this.reset();
|
||||
}
|
||||
}
|
||||
};
|
||||
this.draw = function () {
|
||||
universe.beginPath();
|
||||
if (this.giant) {
|
||||
universe.fillStyle = 'rgba(' + giantColor + ',' + this.opacity + ')';
|
||||
universe.arc(this.x, this.y, 2, 0, 2 * Math.PI, false);
|
||||
} else if (this.comet) {
|
||||
universe.fillStyle = 'rgba(' + cometColor + ',' + this.opacity + ')';
|
||||
universe.arc(this.x, this.y, 1.5, 0, 2 * Math.PI, false);
|
||||
// comet tail
|
||||
for (let i = 0; i < 30; i++) {
|
||||
universe.fillStyle = 'rgba(' + cometColor + ',' + (this.opacity - (this.opacity / 20) * i) + ')';
|
||||
universe.rect(this.x - this.dx / 4 * i, this.y - this.dy / 4 * i - 2, 2, 2);
|
||||
universe.fill();
|
||||
}
|
||||
} else {
|
||||
universe.fillStyle = 'rgba(' + starColor + ',' + this.opacity + ')';
|
||||
universe.rect(this.x, this.y, this.r, this.r);
|
||||
}
|
||||
universe.closePath();
|
||||
universe.fill();
|
||||
};
|
||||
this.move = function () {
|
||||
this.x += this.dx;
|
||||
this.y += this.dy;
|
||||
if (this.fadingOut === false) {
|
||||
this.reset();
|
||||
}
|
||||
if (this.x > width - (width / 4) || this.y < 0) {
|
||||
this.fadingOut = true;
|
||||
}
|
||||
};
|
||||
(function () {
|
||||
setTimeout(function () {
|
||||
first = false;
|
||||
}, 50);
|
||||
})();
|
||||
}
|
||||
|
||||
function getProbability(percents) {
|
||||
return ((Math.floor(Math.random() * 1000) + 1) < percents * 10);
|
||||
}
|
||||
|
||||
function getRandInterval(min, max) {
|
||||
return (Math.random() * (max - min) + min);
|
||||
}
|
||||
}());
|
||||
@@ -1,51 +0,0 @@
|
||||
(function () {
|
||||
var newGitment = 'https://imsun.github.io/gitment/dist/gitment.browser.js';
|
||||
var oldGitment = 'imsun.github.io/gitment/dist/gitment.browser.js';
|
||||
|
||||
var replaceScript = function (script, src) {
|
||||
//
|
||||
// Make redirected script
|
||||
//
|
||||
var newScript = document.createElement('script');
|
||||
newScript.src = newGitment + src.replace(/.*?(\?|$)/, '$1');
|
||||
//
|
||||
// Move onload and onerror handlers to new script
|
||||
//
|
||||
newScript.onload = script.onload;
|
||||
newScript.onerror = script.onerror;
|
||||
script.onload = script.onerror = null;
|
||||
//
|
||||
// Move any content (old-style configuration scripts)
|
||||
//
|
||||
while (script.firstChild) newScript.appendChild(script.firstChild);
|
||||
//
|
||||
// Copy script id
|
||||
//
|
||||
if (script.id != null) newScript.id = script.id;
|
||||
//
|
||||
// Replace original script with new one
|
||||
//
|
||||
script.parentNode.replaceChild(newScript, script);
|
||||
};
|
||||
|
||||
if (document.currentScript) {
|
||||
var script = document.currentScript;
|
||||
replaceScript(script, script.src);
|
||||
|
||||
} else {
|
||||
//
|
||||
// Look for current script by searching for one with the right source
|
||||
//
|
||||
var n = oldGitment.length;
|
||||
var scripts = document.getElementsByTagName('script');
|
||||
for (var i = 0; i < scripts.length; i++) {
|
||||
var script = scripts[i];
|
||||
var src = (script.src || '').replace(/.*?:\/\//, '');
|
||||
if (src.substr(0, n) === oldGitment) {
|
||||
replaceScript(script, src);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
})();
|
||||
2
js/comments/twikoo.all.min.js
vendored
2
js/comments/twikoo.all.min.js
vendored
File diff suppressed because one or more lines are too long
50
js/copy.js
50
js/copy.js
@@ -1,50 +0,0 @@
|
||||
$(function () {
|
||||
// Add copy icon
|
||||
var $copyIcon = $('<i class="fa fa-clipboard" aria-hidden="true"></i>');
|
||||
var $notice = $('<div class="copy-notice"></div>');
|
||||
$('figure.highlight').prepend($copyIcon);
|
||||
$('figure.highlight').prepend($notice);
|
||||
// copy function
|
||||
function copy (text, ctx) {
|
||||
if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
|
||||
try {
|
||||
document.execCommand('copy'); // Security exception may be thrown by some browsers.
|
||||
$(ctx).prev('.copy-notice')
|
||||
.text(GLOBAL_CONFIG.copy.success)
|
||||
.velocity({
|
||||
translateX: -30,
|
||||
opacity: 1
|
||||
}, {
|
||||
loop: 1,
|
||||
duration: 750,
|
||||
easing: 'easeOutQuint'
|
||||
});
|
||||
} catch (ex) {
|
||||
$(ctx).prev('.copy-notice')
|
||||
.text(GLOBAL_CONFIG.copy.error)
|
||||
.velocity({
|
||||
translateX: -30,
|
||||
opacity: 1
|
||||
}, {
|
||||
loop: 1,
|
||||
duration: 750,
|
||||
easing: 'easeOutQuint'
|
||||
});
|
||||
return false;
|
||||
}
|
||||
} else {
|
||||
$(ctx).prev('.copy-notice').text(GLOBAL_CONFIG.copy.noSupport);
|
||||
}
|
||||
}
|
||||
// click events
|
||||
$('.highlight .fa-clipboard').on('click', function () {
|
||||
var selection = window.getSelection();
|
||||
var range = document.createRange();
|
||||
range.selectNodeContents($(this).next('table').find('.code pre')[0]);
|
||||
selection.removeAllRanges();
|
||||
selection.addRange(range);
|
||||
var text = selection.toString();
|
||||
copy(text, this);
|
||||
selection.removeAllRanges();
|
||||
});
|
||||
});
|
||||
63
js/fan.js
63
js/fan.js
@@ -1,63 +0,0 @@
|
||||
(function () {
|
||||
/**
|
||||
* 内容的宽度为 900 ，侧边栏的宽度为 300
|
||||
* 900 的时候不能出现侧边栏
|
||||
*/
|
||||
window.onresize = (e) => {
|
||||
let width = e.currentTarget.innerWidth;
|
||||
let open = $('#side-button').hasClass('close');
|
||||
if (width <= 900) {
|
||||
document.documentElement.style.fontSize = width / 7.5 + 'px';
|
||||
//设置body字体大小，不影响body内字体大小
|
||||
document.body.style.fontSize = '12px';
|
||||
|
||||
$('#menu-inner').addClass('min-menu-inner');
|
||||
|
||||
$('#side-button').hide();
|
||||
if (open) {
|
||||
$('#sidebar').velocity('stop').velocity({left: '-300px'}, 800, 'spring');
|
||||
$('#main-container').velocity('stop').velocity({marginLeft: '0px'}, 800, 'spring');
|
||||
}
|
||||
} else {
|
||||
document.documentElement.style.fontSize = '12px';
|
||||
//设置body字体大小，不影响body内字体大小
|
||||
document.body.style.fontSize = '12px';
|
||||
|
||||
$('#menu-inner').removeClass('min-menu-inner');
|
||||
|
||||
$('#side-button').show();
|
||||
if (open) {
|
||||
$('#sidebar').velocity('stop').velocity({left: '0px'}, 800, 'spring');
|
||||
$('#main-container').velocity('stop').velocity({marginLeft: '300px'}, 800, 'spring');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* 当宽度小于 900 的时候不显示展开侧边栏按钮
|
||||
*/
|
||||
if (window.innerWidth <= 900) {
|
||||
document.documentElement.style.fontSize = window.innerWidth / 7.5 + 'px';
|
||||
//设置body字体大小，不影响body内字体大小
|
||||
document.body.style.fontSize = '12px';
|
||||
|
||||
$('#menu-inner').addClass('min-menu-inner');
|
||||
|
||||
$('#side-button').hide();
|
||||
}
|
||||
|
||||
/**
|
||||
* @description post 页面展开侧边栏
|
||||
* 第一次加载时候判断页面的宽度，如果宽度小则不展开侧边栏
|
||||
*/
|
||||
if (window.innerWidth > 900 && $('#post').length > 0) {
|
||||
setTimeout(function () {
|
||||
$('#side-button').click();
|
||||
}, 500);
|
||||
}
|
||||
|
||||
$('.menu-list-icon').click(() => {
|
||||
$('#menu-inner').toggleClass('show-min-menu-inner');
|
||||
});
|
||||
|
||||
})();
|
||||
4
js/jquery.min.js
vendored
4
js/jquery.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,103 +0,0 @@
|
||||
(function($) {
|
||||
|
||||
// Matches trailing non-space characters.
|
||||
var chop = /(\s*\S+|\s)$/;
|
||||
|
||||
// Matches the first word in the string.
|
||||
var start = /^(\S*)/;
|
||||
|
||||
// Return a truncated html string. Delegates to $.fn.truncate.
|
||||
$.truncate = function(html, options) {
|
||||
return $('<div></div>').append(html).truncate(options).html();
|
||||
};
|
||||
|
||||
// Truncate the contents of an element in place.
|
||||
$.fn.truncate = function(options) {
|
||||
if ($.isNumeric(options)) options = {length: options};
|
||||
var o = $.extend({}, $.truncate.defaults, options);
|
||||
|
||||
return this.each(function() {
|
||||
var self = $(this);
|
||||
|
||||
if (o.noBreaks) self.find('br').replaceWith(' ');
|
||||
|
||||
var text = self.text();
|
||||
var excess = text.length - o.length;
|
||||
|
||||
if (o.stripTags) self.text(text);
|
||||
|
||||
// Chop off any partial words if appropriate.
|
||||
if (o.words && excess > 0) {
|
||||
var truncated = text.slice(0, o.length).replace(chop, '').length;
|
||||
|
||||
if (o.keepFirstWord && truncated === 0) {
|
||||
excess = text.length - start.exec(text)[0].length - 1;
|
||||
} else {
|
||||
excess = text.length - truncated - 1;
|
||||
}
|
||||
}
|
||||
|
||||
if (excess < 0 || !excess && !o.truncated) return;
|
||||
|
||||
// Iterate over each child node in reverse, removing excess text.
|
||||
$.each(self.contents().get().reverse(), function(i, el) {
|
||||
var $el = $(el);
|
||||
var text = $el.text();
|
||||
var length = text.length;
|
||||
|
||||
// If the text is longer than the excess, remove the node and continue.
|
||||
if (length <= excess) {
|
||||
o.truncated = true;
|
||||
excess -= length;
|
||||
$el.remove();
|
||||
return;
|
||||
}
|
||||
|
||||
// Remove the excess text and append the ellipsis.
|
||||
if (el.nodeType === 3) {
|
||||
// should we finish the block anyway?
|
||||
if (o.finishBlock) {
|
||||
$(el.splitText(length)).replaceWith(o.ellipsis);
|
||||
} else {
|
||||
$(el.splitText(length - excess - 1)).replaceWith(o.ellipsis);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
// Recursively truncate child nodes.
|
||||
$el.truncate($.extend(o, {length: length - excess}));
|
||||
return false;
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
$.truncate.defaults = {
|
||||
|
||||
// Strip all html elements, leaving only plain text.
|
||||
stripTags: false,
|
||||
|
||||
// Only truncate at word boundaries.
|
||||
words: false,
|
||||
|
||||
// When 'words' is active, keeps the first word in the string
|
||||
// even if it's longer than a target length.
|
||||
keepFirstWord: false,
|
||||
|
||||
// Replace instances of <br> with a single space.
|
||||
noBreaks: false,
|
||||
|
||||
// if true always truncate the content at the end of the block.
|
||||
finishBlock: false,
|
||||
|
||||
// The maximum length of the truncated html.
|
||||
length: Infinity,
|
||||
|
||||
// The character to use as the ellipsis. The word joiner (U+2060) can be
|
||||
// used to prevent a hanging ellipsis, but displays incorrectly in Chrome
|
||||
// on Windows 7.
|
||||
// http://code.google.com/p/chromium/issues/detail?id=68323
|
||||
ellipsis: '\u2026' // '\u2060\u2026'
|
||||
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
1
js/jquery.truncate.min.js
vendored
1
js/jquery.truncate.min.js
vendored
@@ -1 +0,0 @@
|
||||
!function($){var chop=/(\s*\S+|\s)$/,start=/^(\S*)/;$.truncate=function(html,options){return $("<div></div>").append(html).truncate(options).html()},$.fn.truncate=function(options){$.isNumeric(options)&&(options={length:options});var o=$.extend({},$.truncate.defaults,options);return this.each(function(){var self=$(this);o.noBreaks&&self.find("br").replaceWith(" ");var text=self.text(),excess=text.length-o.length;if(o.stripTags&&self.text(text),o.words&&excess>0){var truncated=text.slice(0,o.length).replace(chop,"").length;excess=o.keepFirstWord&&0===truncated?text.length-start.exec(text)[0].length-1:text.length-truncated-1}excess<0||!excess&&!o.truncated||$.each(self.contents().get().reverse(),function(i,el){var $el=$(el),text,length=$el.text().length;return length<=excess?(o.truncated=!0,excess-=length,void $el.remove()):3===el.nodeType?(o.finishBlock?$(el.splitText(length)).replaceWith(o.ellipsis):$(el.splitText(length-excess-1)).replaceWith(o.ellipsis),!1):($el.truncate($.extend(o,{length:length-excess})),!1)})})},$.truncate.defaults={stripTags:!1,words:!1,keepFirstWord:!1,noBreaks:!1,finishBlock:!1,length:1/0,ellipsis:"…"}}(jQuery);
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user