Rainieren

Rainieren

Member Since 2 Years Ago

Groningen

Experience Points
6,870
Total
Experience

3,130 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed
23
Lessons
Completed
Best Reply Awards
0
Best Reply
Awards
  • start-engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-session Created with Sketch.

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • subscriber-token Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer-token Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • lara-evanghelist Created with Sketch.

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • chatty-cathy Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

Level 2
6,870 XP
Nov
09
1 month ago
Activity icon

Replied to Laravel - FontAwesome Not Working, No Errors

@piljac1 See the image, I updated the question. my fontawesome.css file does not have any paths. Those paths are in light.css, regular.css etc but those are correct because they are ../webfonts/etc and I have the folder webfonts, and in the right position

Activity icon

Replied to Laravel - FontAwesome Not Working, No Errors

I updated the question

Activity icon

Replied to Laravel - FontAwesome Not Working, No Errors

Yes the styles are applied not the icons are not showing

Activity icon

Replied to Laravel - FontAwesome Not Working, No Errors

@snapey Everything in the network tab has code 200 which is OK, Console gives no errors and the paths are correct. I think I'm missing something but I dont know what.

Activity icon

Replied to Laravel - FontAwesome Not Working, No Errors

@arg Yes I've checked it and the path is correct but I still do not show for some reason.

Activity icon

Replied to Laravel - FontAwesome Not Working, No Errors

@bobbybouwmann Yes I made a folder called webfonts in the public directory

Activity icon

Started a new Conversation Laravel - FontAwesome Not Working, No Errors

I have a project where I want to use font awesome for the icons. I put the font awesome files in my public directory and loaded it in via the template like so: <link rel="stylesheet" type="text/css" href="{{ asset('css/fontawesome.min.css') }}">but it does not work, the icons do not show and I get no error whatsoever. What is causing this? Am I missing files? I've checked the paths to the fonts in light.css, regular.css etc and they all have the correct path which is webfonts/... I dont know what is causing this

Code

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <title>Visual Acumen</title>
    <link rel="stylesheet" type="text/css" href="{{ asset('css/app.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/fontawesome.css') }}">
</head>
<body>

<div class="navigation">

    <nav id="dashboard-sidebar" class="dashboard-sidebar" style="background-color: {{ Auth::user()->company->sidebar->background_color }}">
        <div class="dashboard-sidebar-brand">
            <h5><a href="../../index.html" class="text-white">{{ Auth::user()->company->name }}</a></h5>
        </div>

        <div class="dashboard-main">
            <ul class="dashboard-sub-content list-unstyled">
                <a href="{{ route('home') }}" class="dashboard-sidebar-link">
                    <li class="dashboard-sidebar-listitem {{ request()->is('home') ? 'active' : '' }}"><i class="fal fa-window-maximize"></i>Dashboard</li>
                </a>
                <a href="{{ route('projects') }}" class="dashboard-sidebar-link">
                    <li class="dashboard-sidebar-listitem {{ request()->is('projects') ? 'active' : '' }}"><i class="fal fa-folder"></i>Projects</li>
                </a>
                <a href="#" class="dashboard-sidebar-link slideout slideout-item" data-slideout-item="clients">
                    <li class="dashboard-sidebar-listitem"><i class="fal fa-user-tie"></i>Clients</li>
                </a>

                <a href="#" class="dashboard-sidebar-link slideout slideout-item" data-slideout-item="invoices">
                    <li class="dashboard-sidebar-listitem"><i class="fal fa-file-invoice"></i>Invoices</li>
                </a>

                <a href="employees.html" class="dashboard-sidebar-link">
                    <li class="dashboard-sidebar-listitem"><i class="fal fa-user-friends"></i>Employees</li>
                </a>
                @if(Auth::user()->isCompanyOwner())
                    <a href="your_company.html" class="dashboard-sidebar-link">
                        <li class="dashboard-sidebar-listitem"><i class="fal fa-building"></i>My company</li>
                    </a>
                @endif
            </ul>
        </div>


        <div class="dashboard-clients" style="display: none; position: absolute; top: 100px;">
            <ul class="dashboard-sub-content list-unstyled">
                <a href="#" class="dashboard-sidebar-link text-white">
                    <li class="dashboard-sidebar-listitem slidein" data-slidein-item="clients"><i class="fas fa-arrow-circle-left"></i> Terug naar hoofdmenu </li>
                </a>
            </ul>
            <div class="devider"></div>
            <ul class="dashboard-sub-content list-unstyled">
                <div class="sidebar-sub-heading mt-3">
                    <h6 class="text-white">All clients</h6>
                </div>
                <a href="clients.html" class="dashboard-sidebar-link text-white">
                    <li class="dashboard-sidebar-listitem">See all clients </li>
                </a>

                <div class="sidebar-sub-heading mt-4">
                    <h6 class="text-white">Clients</h6>
                </div>

                <a href="#" class="dashboard-sidebar-link text-white">
                    <li class="dashboard-sidebar-listitem"> Siemens </li>
                </a>
                <a href="#" class="dashboard-sidebar-link text-white">
                    <li class="dashboard-sidebar-listitem"> Philips </li>
                </a>
                <a href="#" class="dashboard-sidebar-link text-white">
                    <li class="dashboard-sidebar-listitem"> Samsung </li>
                </a>
            </ul>
        </div>

        <div class="dashboard-invoices" style="display: none; position: absolute; top: 100px;">
            <ul class="dashboard-sub-content list-unstyled">
                <a href="#" class="dashboard-sidebar-link text-white">
                    <li class="dashboard-sidebar-listitem slidein" data-slidein-item="invoices"><i class="fas fa-arrow-circle-left"></i> Terug naar hoofdmenu </li>
                </a>
            </ul>
            <div class="devider"></div>
            <ul class="dashboard-sub-content list-unstyled">
                <div class="sidebar-sub-heading mt-3">
                    <h6 class="text-white">All invoices</h6>
                </div>
                <a href="invoices.html" class="dashboard-sidebar-link text-white">
                    <li class="dashboard-sidebar-listitem">See all invoices </li>
                </a>

                <div class="sidebar-sub-heading mt-5">
                    <h6 class="text-white">Recent Invoices</h6>
                </div>

                <a href="#" class="dashboard-sidebar-link text-white">
                    <li class="dashboard-sidebar-listitem"> Invoice #000001 </li>
                </a>
                <a href="#" class="dashboard-sidebar-link text-white">
                    <li class="dashboard-sidebar-listitem"> Invoice #000002 </li>
                </a>
                <a href="#" class="dashboard-sidebar-link text-white">
                    <li class="dashboard-sidebar-listitem"> Invoice #000003 </li>
                </a>
            </ul>
        </div>


        <button id="dashboard-sidebar-toggle" class="btn btn-light btn-sm shadow dashboard-sidebar-toggle"><i class="fal fa-arrow-left"></i></button>
    </nav>


    <nav class="dashboard-sub-sidebar" style="background-color: {{ Auth::user()->company->sidebar->background_color }}">
        <div class="dashboard-sub-sidebar-container">
            <div class="dashboard-sub-top-content text-center text-white">
                <div class="dashboard-sub-top-logo">
                    LOGO
                </div>

                <div class="sidebar-icon-box slideout mt-4" data-slideout-block="search">
                    <i id="dashboard-sub-search" class="fa fa-search dashboard-sub-search"></i>
                </div>

            </div>
            <div class="dashboard-sub-user-content text-center">

                <div class="sidebar-icon-box slideout mb-3" data-slideout-block="notification">
                    <div class="notification-dot"></div>
                    <i  id="dashboard-sub-notification" class="fa fa-bell dashboard-sub-notification"></i>
                </div>

                <div class="sidebar-icon-box mb-3">
                    <i  id="dashboard-sub-help" class="fa fa-question-circle dashboard-sub-help"></i>
                </div>

                <div class="btn-group dropright">
                    <img src="https://stockphoto.com/assets/landingpage/images/Depositphotos_149433254_m-2015.jpg" class="dashboard-sub-sidebar-user-image dropdown-toggle" alt="" width="40" height="40" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <div class="dropdown-menu">
                        <ul class="list-unstyled">
                            <div class="list-title">Rainier laan</div>
                            <li class="list-item"><a href="">Profiel</a></li>
                            <li class="list-item"><a href="">Account instellingen</a></li>
                            <li class="list-item"><a href="{{ route('logout') }}"
                                                     onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                                    Uitloggen
                                </a>
                                <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                                    @csrf
                                </form>
                            </li>

                            <div class="list-title">Admin options</div>
                            <li class="list-item"><a href="">Preferences</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</div>

<div class="block-overlay"></div>

<div class="search-block slidein-block slidein-block-search slideout-block-search slideout-block">

    <div class="search-header">
        <div class="close-search-block slidein mr-4" data-slidein-block="search">
            <i class="fal fa-times close"></i>
        </div>
        <div class="search-form">
            <input type="text" class="form-control" placeholder="Search">
        </div>
    </div>
    <div class="slideout-block-content mt-5">
        <h6>Recent search history</h6>
        <ul class="list-unstyled search-history-list">
            <li style="height: 30px;display: flex;align-items: center; padding: 20px"><a href=""><i class="far fa-clock mr-3"></i> Bananen</a></li>
            <li style="height: 30px;display: flex;align-items: center; padding: 20px;"><a href=""><i class="far fa-clock mr-3"></i> Bananen</a></li>
            <li style="height: 30px;display: flex;align-items: center; padding: 20px"><a href=""><i class="far fa-clock mr-3"></i> Bananen</a></li>
        </ul>
    </div>
</div>

<div class="notification-block slideout-block slidein-block slideout-block-notification slidein-block-notification">
    <div class="notification-header">
        <div class="close-notification-block slidein mr-4" data-slidein-block="notification">
            <i class="fal fa-times close"></i>
        </div>
        <h3 class="m-0">Notifications</h3>
    </div>
    <div class="slideout-block-content mt-5">
        <h6>Recent notifications</h6>
    </div>
</div>

<div id="content-container" class="content-container">
    <div id="app">
        @yield('content')
    </div>
</div>


<script type="text/javascript" src="{{ asset('js/app.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery-ui.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/main.js') }}"></script>
{{--<script type="text/javascript" src="{{ asset('js/fontawesome.js') }}"></script>--}}


</body>
</html>

Image of file structure

https://i.imgur.com/8pFo24a.png