Skip to content

Commit

Permalink
Updates to notes.erb and its styling
Browse files Browse the repository at this point in the history 
Darker color for links to show up

Should work reasonably on laptop, tablet, some mobiles. Bad on small
mobile.

More work to do!
  • Loading branch information
@kellyky
kellyky committed Nov 1, 2024
1 parent 7de558a commit dc14eca
Show file tree
Hide file tree
Showing 4 changed files with 125 additions and 136 deletions.
24 changes: 0 additions & 24 deletions assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,30 +26,6 @@ li {
list-style: none;
}

code {
background-color: white;
opacity: 0.9;
color: black;
font-weight: bold;
padding: 15px;
border-radius: 15px;
}

article {
background-color: black;
height: 100%;
opacity: 0.4;
margin: 5px;
padding: 15px;
border-radius: 15px;
}

article li {
color: yellow;
text-align: left;
display: flex;
}

/* Links */

a {
Expand Down
57 changes: 57 additions & 0 deletions assets/css/notes.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,62 @@ body {
background-color: black;
background-size: cover;
overflow: scroll;
text-align: right;
}

article {
background-color: black;
opacity: 0.5;
margin: 5px;
padding: 25px;
border-radius: 25px;
display: inline-block;
font-family: avenir;
text-align: left;
}

code {
background-color: white;
color: black;
font-weight: bold;
padding: 10px;
border-radius: 10px;
}

h2 {
font-family: tahoma;
}

header {
color: black;
}

/* ul { */
/* display: block; */
/* } */

/* Links */

a {
text-decoration: none;
}

/* unvisited link */
a:link {
color: indigo;
}

/* visited link */
a:visited {
color: black;
}

/* mouse over link */
a:hover {
color: hotpink;
}

footer {
position: relative;
}

90 changes: 34 additions & 56 deletions notes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,65 +21,43 @@
</header>


<article>
<h2>Running tests continuously using `entr`</h2>

<code>
ls *.rb | entr ruby *_test.rb
</code>

<p>When you save a ruby file in that directory, the test refreshes and re-runs.</p>

<h3>Ruby</h3>

<h4>Minitest</hr>
<code>
ls *.rb | entr ruby *_test.rb
</code>

<h4>RSpec</h4>
<p>You need to include the path to the respective files - example with rspec using lib and spec directories.</p>
<code>
ls lib/*.rb | entr rspec spec/*
</code>


<h3>JavaScript/Yarn</h3>
<code>
ls *.js | entr yarn test
</code>

<h3>Elixir/Mix</h3>
<code>
ls *exs | entr mix test
</code>


<h2>Aliases</h2>
<p>You can alias these to something simper if you would like.</p>

<p>Example:</p>
<code>
alias minitest_feed="ls *.rb | entr ruby *_test.rb"

alias rspec_feed="ls lib/*.rb | entr rspec spec/*"

alias elixir_mix_test_feed="ls *exs | entr mix test"

alias yarn_test_feed="ls *.js | entr yarn test"
</code>


<h3>References</h3>
<ul>
<li><a href="https://github.com/eradman/entr">https://github.com/eradman/entr</a></li>
<li><a href="https://eradman.com/entrproject/">https://eradman.com/entrproject/</a></li>
<li><a href="https://eradman.com/entrproject/entr.1.html">https://eradman.com/entrproject/entr.1.html</a></li>
</ul>
<article class="notes">
<summary><h2>Test feed using `entr`</h2></summary>

<p>When you save a ruby file in that directory, the test refreshes and re-runs.</p>

<ul>
<li><h3>Ruby: Minitest</h3></li>
<li>
<code>
ls *.rb | entr ruby *_test.rb
</code>
</li>
<li><h3>Ruby: RSpec</h3></li>
<li>
<code>
ls lib/*.rb | entr rspec spec/*
</code>
</li>
</ul>

<ul>
<li><h3>Elixir: Mix</h3></li>
<li>
<code>
ls *exs | entr mix test
</code>
</li>
<li><h3>JavaScript: Yarn</h3></li>
<li>
<code>
ls *.js | entr yarn test
</code>
</li>
</ul>

</article>


<footer>
<hr>
<br>
Expand Down
90 changes: 34 additions & 56 deletions views/notes.erb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,65 +12,43 @@
<body>
<%= render_partial('_header') %>

<article>
<h2>Running tests continuously using `entr`</h2>

<code>
ls *.rb | entr ruby *_test.rb
</code>

<p>When you save a ruby file in that directory, the test refreshes and re-runs.</p>

<h3>Ruby</h3>

<h4>Minitest</hr>
<code>
ls *.rb | entr ruby *_test.rb
</code>

<h4>RSpec</h4>
<p>You need to include the path to the respective files - example with rspec using lib and spec directories.</p>
<code>
ls lib/*.rb | entr rspec spec/*
</code>


<h3>JavaScript/Yarn</h3>
<code>
ls *.js | entr yarn test
</code>

<h3>Elixir/Mix</h3>
<code>
ls *exs | entr mix test
</code>


<h2>Aliases</h2>
<p>You can alias these to something simper if you would like.</p>

<p>Example:</p>
<code>
alias minitest_feed="ls *.rb | entr ruby *_test.rb"

alias rspec_feed="ls lib/*.rb | entr rspec spec/*"

alias elixir_mix_test_feed="ls *exs | entr mix test"

alias yarn_test_feed="ls *.js | entr yarn test"
</code>


<h3>References</h3>
<ul>
<li><a href="https://github.com/eradman/entr">https://github.com/eradman/entr</a></li>
<li><a href="https://eradman.com/entrproject/">https://eradman.com/entrproject/</a></li>
<li><a href="https://eradman.com/entrproject/entr.1.html">https://eradman.com/entrproject/entr.1.html</a></li>
</ul>
<article class="notes">
<summary><h2>Test feed using `entr`</h2></summary>

<p>When you save a ruby file in that directory, the test refreshes and re-runs.</p>

<ul>
<li><h3>Ruby: Minitest</h3></li>
<li>
<code>
ls *.rb | entr ruby *_test.rb
</code>
</li>
<li><h3>Ruby: RSpec</h3></li>
<li>
<code>
ls lib/*.rb | entr rspec spec/*
</code>
</li>
</ul>

<ul>
<li><h3>Elixir: Mix</h3></li>
<li>
<code>
ls *exs | entr mix test
</code>
</li>
<li><h3>JavaScript: Yarn</h3></li>
<li>
<code>
ls *.js | entr yarn test
</code>
</li>
</ul>

</article>


<%= render_partial('_footer') %>
</body>
</html>

0 comments on commit dc14eca

Please sign in to comment.